From 02ae938c238c9d18448d17a8ec92c0edd8c17463 Mon Sep 17 00:00:00 2001
From: Bertrand Yuan <bert.yuan@outlook.com>
Date: Tue, 16 Dec 2025 00:12:49 +0800
Subject: feat(back-end): introduce payload

Payload is the next.js Headless CMS and App Framework,
I would like to pick it up and modify it as it is MIT licensed.

Many features in Payload is not applicable for our project.
So, I modify it so that it is light and clear.
---
 src/app/(home)/posts/page.tsx | 133 ------------------------------------------
 1 file changed, 133 deletions(-)
 delete mode 100644 src/app/(home)/posts/page.tsx

(limited to 'src/app/(home)/posts/page.tsx')

diff --git a/src/app/(home)/posts/page.tsx b/src/app/(home)/posts/page.tsx
deleted file mode 100644
index fd0f912..0000000
--- a/src/app/(home)/posts/page.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import { postsPerPage } from '@/app/layout.config';
-import { NumberedPagination } from '@/components/numbered-pagination';
-import { PostCard } from '@/components/posts/post-card';
-import { Section } from '@/components/section';
-import { createMetadata } from '@/lib/metadata';
-import { getSortedByDatePosts } from '@/lib/source';
-import type { Metadata, ResolvingMetadata } from 'next';
-import { notFound, redirect } from 'next/navigation';
-
-export const dynamicParams = false;
-
-const totalPosts = getSortedByDatePosts().length;
-const pageCount = Math.ceil(totalPosts / postsPerPage);
-
-const CurrentPostsCount = ({
-  startIndex,
-  endIndex,
-}: {
-  startIndex: number;
-  endIndex: number;
-}) => {
-  const start = startIndex + 1;
-  const end = endIndex < totalPosts ? endIndex : totalPosts;
-  if (start === end) return <span>({start})</span>;
-  return (
-    <span>
-      ({start}-{end})
-    </span>
-  );
-};
-
-const Pagination = ({ pageIndex }: { pageIndex: number }) => {
-  const handlePageChange = async (page: number) => {
-    'use server';
-    redirect(`/posts?page=${page}`);
-  };
-
-  return (
-    <Section className='bg-dashed'>
-      <NumberedPagination
-        currentPage={pageIndex + 1}
-        totalPages={pageCount}
-        paginationItemsToDisplay={5}
-        onPageChange={handlePageChange}
-      />
-    </Section>
-  );
-};
-
-export default async function Page(props: {
-  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
-}) {
-  const searchParams = await props.searchParams;
-  const pageIndex = searchParams.page
-    ? Number.parseInt(searchParams.page[0] ?? '', 10) - 1
-    : 0;
-  if (pageIndex < 0 || pageIndex >= pageCount) notFound();
-
-  const startIndex = pageIndex * postsPerPage;
-  const endIndex = startIndex + postsPerPage;
-  const posts = getSortedByDatePosts().slice(startIndex, endIndex);
-
-  return (
-    <>
-      <Section className='p-4 lg:p-6'>
-        <h1 className='font-bold text-3xl leading-tight tracking-tighter md:text-4xl'>
-          All {totalPosts} Posts{' '}
-          <CurrentPostsCount startIndex={startIndex} endIndex={endIndex} />
-        </h1>
-      </Section>
-      <Section className='h-full' sectionClassName='flex flex-1'>
-        <div className='grid divide-y divide-dashed divide-border/70 text-left dark:divide-border'>
-          {posts.map((post) => {
-            const date = new Date(post.data.date).toDateString();
-            return (
-              <PostCard
-                title={post.data.title}
-                description={post.data.description ?? ''}
-                image={post.data.image}
-                url={post.url}
-                date={date}
-                key={post.url}
-                author={post.data.author}
-                tags={post.data.tags}
-              />
-            );
-          })}
-        </div>
-      </Section>
-      {pageCount > 1 && <Pagination pageIndex={pageIndex} />}
-    </>
-  );
-}
-
-export const generateStaticParams = () => {
-  const slugs = Array.from({ length: pageCount }, (_, index) => ({
-    slug: [(index + 1).toString()],
-  }));
-
-  return [{ slug: [] }, ...slugs];
-};
-
-type Props = {
-  params: Promise<{ slug: string[] }>;
-  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
-};
-
-export async function generateMetadata(
-  props: Props,
-  parent: ResolvingMetadata,
-): Promise<Metadata> {
-  const params = await props.params;
-  const searchParams = await props.searchParams;
-
-  const pageIndex = searchParams.page
-    ? Number.parseInt(searchParams.page as string, 10)
-    : 1;
-
-  const isFirstPage = pageIndex === 1 || !searchParams.page;
-  const pageTitle = isFirstPage ? 'Posts' : `Posts - Page ${pageIndex}`;
-  const canonicalUrl = isFirstPage ? '/posts' : `/posts?page=${pageIndex}`;
-
-  return createMetadata({
-    title: pageTitle,
-    description: `Posts${!isFirstPage ? ` - Page ${pageIndex}` : ''}`,
-    openGraph: {
-      url: canonicalUrl,
-    },
-    alternates: {
-      canonical: canonicalUrl,
-    },
-  });
-}
-- 
cgit v1.2.3