Frontend/app/(public)/blogs/[slug]/page.tsx

@@ -22,67 +22,26 @@ export async function generateMetadata({
   pb.autoCancellation(true);
 
   return {
-    title: `${post.title} | FastPocket`,
+    title: `${post.title}`,
-    authors: [
+    description: `${post.subtitle}`,
-      {
-        name: post.author || "Samuel Wyndham",
-      },
-    ],
-    description: post.description,
-    keywords: post.keywords,
-    openGraph: {
-      title: `${post.title} | FastPocket`,
-      description: post.description,
-      type: "article",
-      url: `https://${siteURL}/blogs/${post.slug}`,
-      publishedTime: post.created,
-      modifiedTime: post.updated,
-      authors: [`https://${siteURL}/about`],
-      images: [
-        {
-          url: `${post.imageUrl}`,
-          width: 1024,
-          height: 576,
-          alt: post.title,
-          type: "image/png",
-        },
-      ],
-    },
-    twitter: {
-      card: "summary_large_image",
-      site: "@meinbiz",
-      creator: "@meinbiz",
-      title: `${post.title} | FastPocket`,
-      description: post.description,
-      images: [
-        {
-          url: `${post.imageUrl}`,
-          width: 1024,
-          height: 576,
-          alt: post.title,
-        },
-      ],
-    },
     alternates: {
-      canonical: `https://${siteURL}/blogs/${post.slug}`,
+      canonical: `https://${siteURL}/blogs/${slug}`,
     },
   };
 }
 
 export const generateStaticParams = async () => {
   const posts = await getPostMetadata();
-  console.log("static posts", posts.length);
+  return posts.map((post) => ({
-  const mappedPosts = posts.map((post) => ({
     slug: post.slug,
+    id: post.id,
   }));
-  return mappedPosts;
 };
 
 const PostPage = async (props: any) => {
-  console.log("params", props.params);
   const post = await pb
     .collection("blog")
-    .getFirstListItem(`slug="` + props.params.slug + `"`, {
+    .getFirstListItem(`slug="${props.params.slug}"`, {
       requestKey: "post",
     });
   return (

Frontend/app/(public)/blogs/page.tsx

@@ -8,7 +8,6 @@ import Footer from "@/components/Footer";
 export default async function BlogsPage() {
   const postMetadata = await getPostMetadata();
 
-  console.log("blogs", postMetadata.length);
   const postPreviews = postMetadata
     .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
     .map((post) => <BlogCard key={post.slug} {...(post as any)} />);

Frontend/app/layout.tsx

@@ -1,5 +1,5 @@
-/* eslint-disable @next/next/no-before-interactive-script-outside-document */
 import "./globals.css";
+import type { Metadata } from "next";
 import "../app/globals.css";
 import { Arimo, Indie_Flower } from "next/font/google";
 import { ToastContainer } from "react-toastify";
@@ -8,8 +8,8 @@ import Header from "@/components/Header";
 import { cookies } from "next/headers";
 import { isAuthenticated } from "@/lib/auth";
 import { GTagProvider, PHProvider, ThemeProvider } from "./providers";
+import { title } from "@/constants";
 import Script from "next/script";
-import dynamic from "next/dynamic";
 
 const raleway = Arimo({
   variable: "--body-font",
@@ -27,6 +27,11 @@ const indieFlower = Indie_Flower({
   subsets: ["latin"],
 });
 
+export const metadata: Metadata = {
+  title: title,
+  description: title,
+};
+
 export default async function RootLayout({
   children,
 }: {
@@ -59,20 +64,18 @@ export default async function RootLayout({
               theme="colored"
             />
           </ThemeProvider>
-          <Script
-            id="promotekit-jq"
-            src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"
-            strategy="beforeInteractive"
-          />
           <Script
             id="promotekit-js"
             async
             src="https://cdn.promotekit.com/promotekit.js"
             data-promotekit="41c8e339-d2aa-414b-88b8-31b6d6346e2b"
           />
+          <Script
+            id="promotekit-jq"
+            src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"
+          />
           <Script
             id="promotekit"
-            async
             dangerouslySetInnerHTML={{
               __html: `
             $(document).ready(function(){

Frontend/app/page.tsx

@@ -12,56 +12,6 @@ import CardsFeature from "@/sections/Features/CardsFeature";
 import FAQ from "@/sections/FAQ/RightAlignedBorderBottomFAQ";
 import VerticalTabsFeature from "@/sections/Features/VerticalTabsFeature";
 
-import { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "Pocketbase, Stripe, Next.js, Boilerplate | FastPocket",
-  description:
-    "FastPocket - Is a boilerplate codebase for everyone to build a product quickly.",
-  keywords: [
-    "pocketbase",
-    "stripe",
-    "next.js",
-    "boilerplate",
-    "template",
-    "codebase",
-  ],
-  openGraph: {
-    url: "https://fastpocket.dev",
-    type: "website",
-    title: "Pocketbase, Stripe, Next.js, Boilerplate | FastPocket",
-    description:
-      "FastPocket - Is a boilerplate codebase for everyone to build a product quickly.",
-    images: [
-      {
-        url: "https://fastpocket.dev/images/home/thumbnail.png",
-        width: 1200,
-        height: 630,
-        alt: "fastpocket.degv",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Pocketbase, Stripe, Next.js, Boilerplate | FastPocket",
-    description:
-      "fastpocket.dev - Programming blog for everyone to learn Elastic Stack, Next.js, Python, JavaScript, React, Machine Learning, Data Science, and more.",
-    creator: "@meinbiz",
-    site: "@meinbiz",
-    images: [
-      {
-        url: "https://fastpocket.dev/images/home/thumbnail.png",
-        width: 1200,
-        height: 630,
-        alt: "fastpocket.degv",
-      },
-    ],
-  },
-  alternates: {
-    canonical: "https://fastpocket.dev",
-  },
-};
-
 export default function Home() {
   return (
     <>

Frontend/app/sitemap.ts

@@ -1,52 +0,0 @@
-  import getPostMetadata from "@/utils/getPostMetaData";
-import { MetadataRoute } from "next";
-   
-  export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-    const defaultPages = [
-      {
-        url: "https://fastpocket.dev",
-        lastModified: new Date(),
-        changeFrequency: "daily",
-        priority: 1
-      },
-      {
-        url: "https://fastpocket.dev/about",
-        lastModified: new Date(),
-        changeFrequency: "monthly",
-        priority: 0.9
-      },
-      {
-        url: "https://fastpocket.dev/pricing",
-        lastModified: new Date(),
-        changeFrequency: "monthly",
-        priority: 0.9
-      },
-      {
-        url: "https://fastpocket.dev/blogs",
-        lastModified: new Date(),
-        changeFrequency: "monthly",
-        priority: 0.9
-      },
-      {
-        url: "https://fastpocket.dev/whatsnew",
-        lastModified: new Date(),
-        changeFrequency: "monthly",
-        priority: 0.9
-      }
-      // other pages
-    ];
-   
-    const postSlugs = await getPostMetadata();
-   
-    const sitemap = [
-      ...defaultPages,
-      ...postSlugs.map((e: any) => ({
-        url: `https://fastpocket.dev/blogs/${e.slug}`,
-        lastModified: e.modified,
-        changeFrequency: "daily",
-        priority: 0.8
-      } as any))
-    ];
-   
-    return sitemap;
-  }

Frontend/components/Header.tsx

@@ -5,7 +5,7 @@ import Navigation from "@/components/Navigation";
 import ModalSignUp from "@/components/Modals/ModalSignUp";
 import ModalSignIn from "@/components/Modals/ModalSignIn";
 import { getAuthCookie, getUser, logout } from "@/app/actions";
-import { User } from "@/types";
+import { SourceModal, User } from "@/types";
 import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
 import pb from "@/lib/pocketbase";
 import { useTheme } from "next-themes";
@@ -32,7 +32,7 @@ export default function Header({ isUserLoggedIn }: HeaderProps) {
   return (
     <header className="absolute w-full z-30">
       <div className="max-w-5xl mx-auto px-4 sm:px-6 md:pt-6">
-        <div className="flex items-center justify-between h-20">
+        <div className="flex items-center justify-between h-20 items-center">
           <Navigation isUserLoggedIn={isUserLoggedIn} />
 
           {/* Desktop navigation */}

Frontend/next-sitemap.config.js

@@ -1,6 +0,0 @@
-/** @type {import('next-sitemap').IConfig} */
-module.exports = {
-    siteUrl: process.env.SITE_URL || 'https://fastpocket.dev',
-    generateRobotsTxt: true, // (optional)
-    generateRobotsTxt: true,
-  }

Frontend/package-lock.json

@@ -24,7 +24,6 @@
         "gray-matter": "^4.0.3",
         "next": "^14.1.0",
         "next-qrcode": "^2.5.1",
-        "next-sitemap": "^4.2.3",
         "next-themes": "^0.2.1",
         "node-fetch-commonjs": "^3.3.2",
         "pocketbase": "^0.18.0",
@@ -82,11 +81,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@corex/deepmerge": {
-      "version": "4.0.43",
-      "resolved": "https://registry.npmjs.org/@corex/deepmerge/-/deepmerge-4.0.43.tgz",
-      "integrity": "sha512-N8uEMrMPL0cu/bdboEWpQYb/0i2K5Qn8eCsxzOmxSggJbbQte7ljMRoXm917AbntqTGOzdTu+vP3KOOzoC70HQ=="
-    },
     "node_modules/@emotion/hash": {
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz",
@@ -3631,37 +3625,6 @@
         "react": ">=17.0.0"
       }
     },
-    "node_modules/next-sitemap": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/next-sitemap/-/next-sitemap-4.2.3.tgz",
-      "integrity": "sha512-vjdCxeDuWDzldhCnyFCQipw5bfpl4HmZA7uoo3GAaYGjGgfL4Cxb1CiztPuWGmS+auYs7/8OekRS8C2cjdAsjQ==",
-      "funding": [
-        {
-          "url": "https://github.com/iamvishnusankar/next-sitemap.git"
-        }
-      ],
-      "dependencies": {
-        "@corex/deepmerge": "^4.0.43",
-        "@next/env": "^13.4.3",
-        "fast-glob": "^3.2.12",
-        "minimist": "^1.2.8"
-      },
-      "bin": {
-        "next-sitemap": "bin/next-sitemap.mjs",
-        "next-sitemap-cjs": "bin/next-sitemap.cjs"
-      },
-      "engines": {
-        "node": ">=14.18"
-      },
-      "peerDependencies": {
-        "next": "*"
-      }
-    },
-    "node_modules/next-sitemap/node_modules/@next/env": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
-      "integrity": "sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw=="
-    },
     "node_modules/next-themes": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz",

Frontend/public/robots.txt

@@ -1,9 +0,0 @@
-# *
-User-agent: *
-Allow: /
-
-# Host
-Host: https://fastpocket.dev
-
-# Sitemaps
-Sitemap: https://fastpocket.dev/sitemap.xml

Frontend/utils/getPostMetaData.ts

@@ -2,7 +2,7 @@ import pb from '@/lib/pocketbase';
 
 const getPostMetadata = async () => {
   try {
-    return (await (pb.collection("blog").getFullList({requestKey:'blogs'})))
+    return (await (pb.collection("blog").getList(1, 50))).items
   } catch (error) {
     return []
   }