Merge pull request #14 from myselfshivams/master

Added:: Custom 404 Page and added meta tags, robots.txt, sitemap for SEO enhancement
Soumojitshome2023 · Oct 6, 2024 · 5786da4 · 5786da4
2 parents 6bd8c8e + 3328d8c
commit 5786da4
Show file tree

Hide file tree

Showing 7 changed files with 50 additions and 5 deletions.
diff --git a/client/next-sitemap.config.js b/client/next-sitemap.config.js
@@ -0,0 +1,8 @@
+const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || 'https://soumojit-nextjs-videocall-webapp.vercel.app/' ;
+module.exports = {
+    siteUrl: baseUrl, 
+    generateRobotsTxt: true, 
+    changefreq: 'daily',
+    priority: 0.7,
+    sitemapSize: 5000,
+};
diff --git a/client/package.json b/client/package.json
@@ -7,12 +7,15 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "custom-server": "node server.js"
+    "custom-server": "node server.js",
+    "sitemap": "next-sitemap",
+    "postbuild": "next-sitemap"
   },
   "dependencies": {
     "dotenv": "^16.3.1",
     "flowbite": "^2.2.1",
     "next": "14.0.3",
+    "next-sitemap": "^4.2.3",
     "nextjs-current-url": "^1.0.3",
     "react": "^18",
     "react-dom": "^18",
@@ -25,9 +28,11 @@
     "uuidv4": "^6.2.13"
   },
   "devDependencies": {
+    "@types/react": "18.3.11",
     "autoprefixer": "^10.0.1",
     "dotenv-webpack": "^8.0.1",
     "postcss": "^8",
-    "tailwindcss": "^3.3.0"
+    "tailwindcss": "^3.3.0",
+    "typescript": "5.6.2"
   }
 }
diff --git a/client/public/robots.txt b/client/public/robots.txt
@@ -0,0 +1,9 @@
+# *
+User-agent: *
+Allow: /
+
+# Host
+Host: https://soumojit-nextjs-videocall-webapp.vercel.app/
+
+# Sitemaps
+Sitemap: https://soumojit-nextjs-videocall-webapp.vercel.app/sitemap.xml
diff --git a/client/public/sitemap-0.xml b/client/public/sitemap-0.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
+<url><loc>https://soumojit-nextjs-videocall-webapp.vercel.app</loc><lastmod>2024-10-06T05:14:13.004Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+</urlset>
diff --git a/client/public/sitemap.xml b/client/public/sitemap.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<sitemap><loc>https://soumojit-nextjs-videocall-webapp.vercel.app/sitemap-0.xml</loc></sitemap>
+</sitemapindex>
diff --git a/client/src/app/layout.js b/client/src/app/layout.js
@@ -7,16 +7,31 @@ const inter = Inter({ subsets: ['latin'] })
 export const metadata = {
   title: 'Video Calling WebApp',
   description: 'Soumojit Shome Video Calling WebApp',
-}
+};
 
 export default function RootLayout({ children }) {
+  const baseUrl = process.env.NEXT_PUBLIC_FALLBACK_URL || 'https://soumojit-nextjs-videocall-webapp.vercel.app/';
+
   return (
     <html lang="en">
+      <head>
+        <title>{metadata.title}</title>
+        <meta name="description" content={metadata.description} />
+        <meta name="keywords" content="Video calling, WebRTC, Communication app, Video conferencing, Soumojit Shome" />
+        <meta property="og:title" content="Video Calling WebApp" />
+        <meta property="og:description" content="A web application for seamless video calls built by Soumojit Shome." />
+        <meta property="og:image" content="/images/social-share-image.png" />
+        <meta property="og:url" content={baseUrl} /> 
+        <meta property="og:type" content="website" />
+        <meta name="robots" content="index, follow" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" href="/favicon.ico" />
+      </head>
       <body className={inter.className}>
         <MyContextProvider>
           {children}
         </MyContextProvider>
       </body>
     </html>
-  )
+  );
 }
diff --git a/client/src/app/not-found.js b/client/src/app/not-found.js
@@ -52,4 +52,4 @@ export default function CustomErrorPage() {
       </div>
     </div>
   );
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -52,4 +52,4 @@ export default function CustomErrorPage() { @@
           </div>
         </div>
       );
-    }
+    }