👀 Add PWA

newtoallofthis123 · Mar 18, 2023 · c4b133f · c4b133f · vercel · Mar 18, 2023
1 parent 194bebb
commit c4b133f
Show file tree

Hide file tree

Showing 17 changed files with 7,103 additions and 22 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,11 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-}
+const withPWA = require('next-pwa')({
+  dest: 'public',
+  register: true,
+  skipWaiting: true,
+  disable: process.env.NODE_ENV === 'development'
+})
 
-module.exports = nextConfig
+module.exports = withPWA({
+  // next.js config
+  reactStrictMode: true, 
+})
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "eslint": "8.36.0",
     "eslint-config-next": "13.2.4",
     "next": "13.2.4",
+    "next-pwa": "^5.6.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   }

diff --git a/pages/_document.js b/pages/_document.js
@@ -3,7 +3,38 @@ import { Html, Head, Main, NextScript } from 'next/document'
 export default function Document() {
   return (
     <Html lang="en">
-      <Head />
+      <Head>
+        <meta charset="utf-8" />
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#f1fa00" />
+        <meta charset="UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <meta name="title" content="NoobScience"/>
+        <meta name="description" content="Hi! I am Ishan. I am a Student and Open Source Enthusiast. This is my personal portfolio website. I Like to Code Stuff. Check out my work!"/>
+        <meta name="title" content="NoobScience"/>
+        <meta name="keywords" content="noobscience, NoobScience, newtoallofthis123, technology, website"/>
+        <meta name="robots" content="index, follow, archive"/>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <meta name="language" content="English"/>
+        <meta name="author" content="NoobScience"/>
+
+        <meta property="og:type" content="website"/>
+        <meta property="og:url" content="https://new.noobscience.rocks/" />
+        <meta property="og:title" content="NoobScience"/>
+        <meta property="og:description" content="Student and Open Source Enthusiast. I Like to Code Stuff. Check out my work!"/>
+        <meta property="og:image" content="/assets/banner.png"/>
+        <link rel="apple-touch-icon" href="/logo192.png" />
+        <link rel="canonical" href="https://new.noobscience.rocks" />
+        <link rel="manifest" href="/manifest.json" />
+        <link rel="mask-icon" href="/favicon.ico" color="#f1fa00" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Montserrat:wght@100;400&family=Raleway&family=Poppins&family=Roboto+Condensed:wght@700&display=swap"
+          rel="stylesheet" />
+      </Head>
       <body>
         <Main />
         <NextScript />

diff --git a/public/assets/banner.png b/public/assets/banner.png
diff --git a/public/assets/banner.svg b/public/assets/banner.svg
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "NoobScience",
+  "name": "NoobScience",
+  "start_url": ".",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+
+<url>
+  <loc>https://newtoallofthis123.github.io/About/</loc>
+  <lastmod>2022-11-29T03:23:16+00:00</lastmod>
+</url>
+
+
+</urlset>
diff --git a/public/sw.js b/public/sw.js
diff --git a/public/thirteen.svg b/public/thirteen.svg
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/public/workbox-588899ac.js b/public/workbox-588899ac.js