feat: migrate to fumadocs

Author: monkeyWie

.eslintrc.json

@@ -1,26 +1,33 @@
-name: GitHub Actions Vercel Production Deployment
-env:
-  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+name: Deploy to Cloudflare Workers
+
 on:
   push:
     branches:
       - main
   workflow_dispatch:
-  
+
 jobs:
-  CI:
+  deploy:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+
       - uses: pnpm/action-setup@v3
         with:
           version: 9
-      - name: Install Vercel CLI
-        run: pnpm install --global vercel@canary
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
-      - name: Build Project Artifacts
-        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build (Next.js + opennext)
+        run: pnpm build:worker
+
+      - name: Deploy to Cloudflare Workers
+        run: pnpm cf:deploy
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

.github/workflows/ci.yaml

@@ -0,0 +1,30 @@
+name: Sync Extensions
+
+on:
+  schedule:
+    - cron: "0 * * * *" # every hour
+  workflow_dispatch:
+
+jobs:
+  sync:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 9
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Sync extensions
+        env:
+          WORKER_URL: https://gopeed.com
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: pnpm sync:extensions

.github/workflows/sync-extensions.yaml

@@ -1,35 +1,29 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
+# deps
 /node_modules
-/.pnp
-.pnp.js
 
-# testing
-/coverage
+# generated content
+.source
+/lib/openapi/swagger.json
 
-# next.js
+# test & build
+/coverage
 /.next/
+/.open-next/
+/.wrangler/
 /out/
-
-# production
 /build
+*.tsbuildinfo
 
 # misc
 .DS_Store
 *.pem
-
-# debug
+/.pnp
+.pnp.js
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.pnpm-debug.log*
 
-# local env files
+# others
 .env*.local
-
-# vercel
 .vercel
-
-/public/robots.txt
-/public/sitemap*.xml
+next-env.d.ts

.gitignore

@@ -1,40 +1,45 @@
-## Access
+# gopeed-website-fuma
 
-[https://gopeed.com](https://gopeed.com)
+This is a Next.js application generated with
+[Create Fumadocs](https://github.com/fuma-nama/fumadocs).
 
-## Getting Started
-
-First, run the development server:
+Run development server:
 
 ```bash
 npm run dev
 # or
-yarn dev
-# or
 pnpm dev
+# or
+yarn dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open http://localhost:3000 with your browser to see the result.
 
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+## Explore
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+In the project, you can see:
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+- `lib/source.ts`: Code for content source adapter, [`loader()`](https://fumadocs.dev/docs/headless/source-api) provides the interface to access your content.
+- `lib/layout.shared.tsx`: Shared options for layouts, optional but preferred to keep.
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+| Route                     | Description                                            |
+| ------------------------- | ------------------------------------------------------ |
+| `app/(home)`              | The route group for your landing page and other pages. |
+| `app/docs`                | The documentation layout and pages.                    |
+| `app/api/search/route.ts` | The Route Handler for search.                          |
 
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
+### Fumadocs MDX
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+A `source.config.ts` config file has been included, you can customise different options like frontmatter schema.
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+Read the [Introduction](https://fumadocs.dev/docs/mdx) for further details.
 
-## Deploy on Vercel
+## Learn More
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+To learn more about Next.js and Fumadocs, take a look at the following
+resources:
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
+  features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- [Fumadocs](https://fumadocs.dev) - learn about Fumadocs

.prettierrc.json

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+
+interface LayoutProps {
+  children: ReactNode;
+}
+
+export default function HomeLayout({ children }: LayoutProps) {
+  return <>{children}</>;
+}

LICENSE

@@ -0,0 +1,58 @@
+import type { Metadata } from "next";
+import {
+  Downloads,
+  Extensions,
+  Features,
+  Footer,
+  Hero,
+  Navbar,
+} from "@/components/home";
+import { getAppData } from "@/lib/data";
+import { i18n, type Locale, locales } from "@/lib/i18n";
+import { pageAlternates } from "@/lib/seo";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ lang: string }>;
+}): Promise<Metadata> {
+  const { lang } = await params;
+  const locale = (
+    locales.includes(lang as Locale) ? lang : i18n.defaultLanguage
+  ) as Locale;
+  return {
+    alternates: pageAlternates(locale, "/"),
+  };
+}
+
+export default async function HomePage() {
+  // Fetch data during SSR
+  const appData = await getAppData();
+
+  return (
+    <main className="min-h-screen stable-vh overflow-x-clip bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 relative">
+      {/* Global background effects - only visible in dark mode */}
+      <div className="fixed inset-0 -z-10 dark:block hidden">
+        {/* Main background gradient */}
+        <div className="absolute inset-0 bg-gradient-to-b from-gray-950 via-gray-900 to-gray-950" />
+
+        {/* Dynamic light effect */}
+        <div className="absolute inset-0 bg-gradient-radial from-primary-900/20 via-transparent to-transparent opacity-50" />
+
+        {/* Decorative gradients */}
+        <div className="absolute top-0 right-0 w-[800px] h-[600px] bg-primary-900/20 rounded-full blur-3xl opacity-20 animate-pulse-slow" />
+        <div className="absolute bottom-0 left-0 w-[600px] h-[400px] bg-primary-900/20 rounded-full blur-3xl opacity-20 animate-pulse-slow" />
+      </div>
+
+      <Navbar version={appData.version} stars={appData.stars} />
+      <Hero version={appData.version} releaseAssets={appData.releaseAssets} />
+      <Features />
+      <Extensions />
+      <Downloads
+        version={appData.version}
+        releaseAssets={appData.releaseAssets}
+      />
+      <Footer />
+    </main>
+  );
+}

README.md

@@ -0,0 +1,93 @@
+import { getCloudflareContext } from "@opennextjs/cloudflare";
+import { desc } from "drizzle-orm";
+import type { Metadata } from "next";
+import { Footer } from "@/components/home/Footer";
+import { Navbar } from "@/components/home/Navbar";
+import { StoreGrid } from "@/components/store/StoreGrid";
+import { getDb } from "@/db/client";
+import { type Extension, extensions } from "@/db/schema";
+import { getAppData } from "@/lib/data";
+import { i18n, type Locale, locales } from "@/lib/i18n";
+import { getTranslation } from "@/lib/i18n/translations";
+import { pageAlternates } from "@/lib/seo";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ lang: string }>;
+}): Promise<Metadata> {
+  const { lang } = await params;
+  const locale = (
+    locales.includes(lang as Locale) ? lang : i18n.defaultLanguage
+  ) as Locale;
+  const t = (key: string) => getTranslation(locale, key);
+
+  return {
+    title: t("store.title"),
+    description: t("store.subtitle"),
+    alternates: pageAlternates(locale, "/store"),
+  };
+}
+
+export default async function StorePage({
+  params,
+}: {
+  params: Promise<{ lang: string }>;
+}) {
+  const { lang } = await params;
+  const locale = (
+    locales.includes(lang as Locale) ? lang : i18n.defaultLanguage
+  ) as Locale;
+
+  const appData = await getAppData();
+
+  let extensionList: Extension[] = [];
+
+  try {
+    const ctx = await getCloudflareContext({ async: true });
+    // @ts-expect-error - CF env type
+    const d1 = ctx.env.DB as D1Database | undefined;
+
+    if (d1) {
+      const db = getDb(d1);
+      extensionList = await db
+        .select()
+        .from(extensions)
+        .orderBy(desc(extensions.installCount), desc(extensions.stars))
+        .all();
+    }
+  } catch (err) {
+    console.error("Failed to connect to D1:", err);
+  }
+
+  const t = (key: string) => getTranslation(locale, key);
+
+  return (
+    <main className="min-h-screen stable-vh overflow-x-clip bg-white dark:bg-[#0A0A0A] text-gray-900 dark:text-gray-100 relative">
+      <Navbar version={appData.version} stars={appData.stars} />
+
+      {/* ── Minimalist Hero Header ── */}
+      <section className="relative pt-32 pb-12 lg:pt-40 lg:pb-16 overflow-hidden">
+        <div className="max-w-7xl mx-auto px-6 sm:px-8 lg:px-16 relative">
+          <div className="max-w-3xl mx-auto text-center">
+            <h1 className="text-4xl sm:text-5xl lg:text-6xl font-semibold tracking-tight text-gray-950 dark:text-white mb-5">
+              {t("store.title")}
+            </h1>
+            <p className="text-lg sm:text-xl text-gray-500 dark:text-gray-400 font-medium tracking-wide">
+              {t("store.subtitle")}
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* ── Extension grid ── */}
+      <div className="max-w-7xl mx-auto px-6 sm:px-8 lg:px-16 pb-24 relative">
+        <div className="max-w-6xl mx-auto">
+          <StoreGrid extensions={extensionList} />
+        </div>
+      </div>
+
+      <Footer />
+    </main>
+  );
+}