@next-friday/create-app 2.0.0 → 2.1.0

package/templates/turborepo/apps/app/.dependency-cruiser.json

@@ -0,0 +1,34 @@
+{
+  "extends": "dependency-cruiser/configs/recommended-strict",
+  "forbidden": [
+    {
+      "name": "no-orphans",
+      "to": {},
+      "from": {
+        "orphan": true,
+        "pathNot": [
+          "(^|/)tsconfig\\.json$",
+          "(^|/)eslint\\.config\\.ts$",
+          "(^|/)next\\.config\\.ts$",
+          "(^|/)postcss[.]config[.]mjs$",
+          "(^|/)vitest[.]config[.]ts$",
+          "(^|/)playwright[.]config[.]ts$",
+          "^test/.*[.]e2e[.]test[.]ts$",
+          "^app/.*(page|layout|template|loading|error|not-found|default|route)[.]tsx?$"
+        ]
+      }
+    }
+  ],
+  "options": {
+    "skipAnalysisNotInRules": true,
+    "tsPreCompilationDeps": true,
+    "enhancedResolveOptions": {
+      "conditionNames": ["import", "require", "node", "default", "types"],
+      "exportsFields": ["exports"]
+    },
+    "exclude": "(^|/)(?:\\.next|coverage|node_modules)/",
+    "tsConfig": {
+      "fileName": "tsconfig.json"
+    }
+  }
+}

package/templates/turborepo/apps/app/Dockerfile

@@ -0,0 +1,25 @@
+# Runs on any OCI platform (Railway, Fly.io, Cloud Run). On Vercel, deploy without it. The platform sets `PORT`.
+FROM node:24.22.1-alpine@sha256:06d7adf3e0ef61a13f1d28682726366f97a15aa1888c934d3ecec86c33918b53 AS build
+ENV NEXT_TELEMETRY_DISABLED=1
+WORKDIR /app
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
+COPY apps/app/package.json apps/app/package.json
+COPY apps/backoffice/package.json apps/backoffice/package.json
+RUN npm install --global "pnpm@$(node --print 'require("./package.json").packageManager.split("+")[0].split("@")[1]')"
+RUN pnpm install --frozen-lockfile --ignore-scripts --filter ./apps/app...
+COPY apps/app/next.config.ts apps/app/postcss.config.mjs apps/app/tsconfig.json apps/app/
+COPY apps/app/app apps/app/app
+RUN pnpm --filter ./apps/app build
+
+FROM node:24.22.1-alpine@sha256:06d7adf3e0ef61a13f1d28682726366f97a15aa1888c934d3ecec86c33918b53
+ENV NODE_ENV=production NEXT_TELEMETRY_DISABLED=1 HOSTNAME=0.0.0.0
+WORKDIR /app
+# Apply Alpine security fixes released after the base image, and drop npm, corepack, and yarn: the app never runs them, and their bundled dependencies carry their own CVEs.
+RUN apk upgrade --no-cache \
+  && rm -rf /usr/local/lib/node_modules /usr/local/bin/npm /usr/local/bin/npx /usr/local/bin/corepack /usr/local/bin/yarn /usr/local/bin/yarnpkg /opt/yarn-*
+# Next.js writes .next/cache at runtime. Add `COPY --from=build --chown=node:node /app/apps/app/public ./apps/app/public` when the app has a public/ folder.
+COPY --from=build --chown=node:node /app/apps/app/.next/standalone ./
+COPY --from=build --chown=node:node /app/apps/app/.next/static ./apps/app/.next/static
+USER 1000
+HEALTHCHECK --interval=30s --timeout=5s CMD ["node", "-e", "fetch('http://127.0.0.1:' + (process.env.PORT || 3000) + '/health').then(response => process.exit(response.ok ? 0 : 1), () => process.exit(1))"]
+CMD ["node", "apps/app/server.js"]

package/templates/turborepo/apps/app/app/globals.css

@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-sans), sans-serif;
+}

package/templates/turborepo/apps/app/app/health/route.test.ts

@@ -0,0 +1,20 @@
+import {describe, expect, it, vi} from "vitest";
+
+import {GET} from "./route";
+
+vi.mock("next/server", () => ({
+  connection: vi.fn(async () => {}),
+}));
+
+describe("GET /health", () => {
+  it("reports ok without caching", async () => {
+    const response = await GET();
+
+    expect(response.status).toBe(200);
+    expect(response.headers.get("Cache-Control")).toBe("no-store");
+
+    await expect(response.json()).resolves.toEqual({
+      status: "ok",
+    });
+  });
+});

package/templates/turborepo/apps/app/app/health/route.ts

@@ -0,0 +1,23 @@
+import {connection} from "next/server";
+
+/**
+ * Report that the server is up, for platform health checks. Rendered per request and never cached, so a
+ * stopped server cannot pass from a cached response.
+ * @returns A JSON response with `status: "ok"`.
+ */
+async function get(): Promise<Response> {
+  await connection();
+
+  return Response.json(
+    {
+      status: "ok",
+    },
+    {
+      headers: {
+        "Cache-Control": "no-store",
+      },
+    },
+  );
+}
+
+export {get as GET};

package/templates/turborepo/apps/app/app/layout.tsx

@@ -0,0 +1,29 @@
+import {Geist, Geist_Mono} from "next/font/google";
+import type {Metadata} from "next";
+
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Next Friday Next.js template",
+  description: "Starter application for Next Friday Next.js projects.",
+};
+
+export default function RootLayout(props: LayoutProps<"/">) {
+  const {children} = props;
+
+  return (
+    <html className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} lang="en">
+      <body className="flex min-h-full flex-col">{children}</body>
+    </html>
+  );
+}

package/templates/turborepo/apps/app/app/page.test.ts

@@ -0,0 +1,11 @@
+import {createElement} from "react";
+import {describe, expect, it} from "vitest";
+import {renderToStaticMarkup} from "react-dom/server";
+
+import Page from "./page";
+
+describe("Page", () => {
+  it("renders the template heading", () => {
+    expect(renderToStaticMarkup(createElement(Page))).toContain("Next Friday Next.js template");
+  });
+});

package/templates/turborepo/apps/app/app/page.tsx

@@ -0,0 +1,8 @@
+export default function Page() {
+  return (
+    <main className="flex flex-1 flex-col items-center justify-center gap-4 p-16 text-center">
+      <h1 className="text-3xl font-semibold tracking-tight">Next Friday Next.js template</h1>
+      <p className="text-lg text-zinc-600 dark:text-zinc-400">Edit app/page.tsx to get started.</p>
+    </main>
+  );
+}

package/templates/turborepo/apps/app/next.config.ts

@@ -0,0 +1,40 @@
+import {fileURLToPath} from "node:url";
+import path from "node:path";
+import type {NextConfig} from "next";
+
+const workspaceRoot = path.join(path.dirname(fileURLToPath(import.meta.url)), "../..");
+
+const nextConfig: NextConfig = {
+  outputFileTracingRoot: workspaceRoot,
+  output: "standalone",
+  poweredByHeader: false,
+  cacheComponents: true,
+  partialPrefetching: true,
+  async headers() {
+    return [
+      {
+        source: "/:path*",
+        headers: [
+          {
+            key: "Strict-Transport-Security",
+            value: "max-age=63072000; includeSubDomains",
+          },
+          {
+            key: "X-Content-Type-Options",
+            value: "nosniff",
+          },
+          {
+            key: "X-Frame-Options",
+            value: "SAMEORIGIN",
+          },
+          {
+            key: "Referrer-Policy",
+            value: "strict-origin-when-cross-origin",
+          },
+        ],
+      },
+    ];
+  },
+};
+
+export default nextConfig;

package/templates/turborepo/apps/app/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@next-friday-template-turborepo/app",
+  "version": "0.1.0",
+  "private": true,
+  "description": "Next Friday Next.js app.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "scripts": {
+    "build": "next build",
+    "depcruise": "depcruise --config .dependency-cruiser.json app test next.config.ts playwright.config.ts postcss.config.mjs vitest.config.ts",
+    "dev": "next dev --port 3000",
+    "start": "cp -R .next/static .next/standalone/apps/app/.next/ && (test ! -d public || cp -R public .next/standalone/apps/app/) && node .next/standalone/apps/app/server.js",
+    "test": "vitest run --passWithNoTests",
+    "test:changed": "if git rev-parse --quiet --verify origin/main > /dev/null && git diff --quiet \"$(git merge-base origin/main HEAD)\" -- pnpm-lock.yaml pnpm-workspace.yaml \"*package.json\" \"*tsconfig.json\" .husky; then vitest run --changed origin/main --passWithNoTests; else vitest run --passWithNoTests; fi",
+    "test:coverage": "vitest run --coverage --passWithNoTests",
+    "test:e2e": "playwright test",
+    "test:watch": "vitest",
+    "typecheck": "next typegen && tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "next": "16.4.3",
+    "react": "19.3.1",
+    "react-dom": "19.3.1"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.64.1",
+    "@tailwindcss/postcss": "4.3.3",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vitest/coverage-v8": "5.0.5",
+    "dependency-cruiser": "18.7.0",
+    "fast-check": "4.10.2",
+    "tailwindcss": "4.3.3",
+    "typescript": "7.0.2",
+    "vitest": "5.0.5"
+  },
+  "engines": {
+    "node": ">=24.22.1 <25"
+  }
+}

package/templates/turborepo/apps/app/playwright.config.ts

@@ -0,0 +1,27 @@
+import {defineConfig, devices} from "@playwright/test";
+
+const isCi = Boolean(process.env.CI);
+
+export default defineConfig({
+  forbidOnly: isCi,
+  testDir: "test",
+  projects: [
+    {
+      name: "chromium",
+      use: devices["Desktop Chrome"],
+    },
+  ],
+  use: {
+    baseURL: "http://localhost:3000",
+    trace: "on-first-retry",
+  },
+  webServer: {
+    url: "http://localhost:3000",
+    command: isCi
+      ? "cp -R .next/static .next/standalone/apps/app/.next/ && (test ! -d public || cp -R public .next/standalone/apps/app/) && node .next/standalone/apps/app/server.js"
+      : "next dev --port 3000",
+    reuseExistingServer: !isCi,
+  },
+  reporter: isCi ? "github" : "list",
+  retries: isCi ? 2 : 0,
+});

package/templates/turborepo/apps/app/postcss.config.mjs

@@ -0,0 +1,7 @@
+const postcssConfig = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default postcssConfig;

package/templates/turborepo/apps/app/test/home.e2e.test.ts

@@ -0,0 +1,11 @@
+import {expect, test} from "@playwright/test";
+
+test("home page shows the template heading", async ({page}) => {
+  await page.goto("/");
+
+  await expect(
+    page.getByRole("heading", {
+      level: 1,
+    }),
+  ).toHaveText("Next Friday Next.js template");
+});

package/templates/turborepo/apps/app/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ES2023",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "incremental": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    },
+    "allowJs": true
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules", ".next"]
+}

package/templates/turborepo/apps/app/vitest.config.ts

@@ -0,0 +1,12 @@
+import {defineConfig} from "vitest/config";
+
+export default defineConfig({
+  test: {
+    coverage: {
+      reporter: ["text", "html", "cobertura"],
+      include: ["app/**/*.{ts,tsx}"],
+      exclude: ["app/**/*.test.{ts,tsx}", "app/**/layout.tsx"],
+    },
+    include: ["app/**/*.test.{ts,tsx}"],
+  },
+});

package/templates/turborepo/apps/backoffice/.dependency-cruiser.json

@@ -0,0 +1,34 @@
+{
+  "extends": "dependency-cruiser/configs/recommended-strict",
+  "forbidden": [
+    {
+      "name": "no-orphans",
+      "to": {},
+      "from": {
+        "orphan": true,
+        "pathNot": [
+          "(^|/)tsconfig\\.json$",
+          "(^|/)eslint\\.config\\.ts$",
+          "(^|/)next\\.config\\.ts$",
+          "(^|/)vitest[.]config[.]ts$",
+          "(^|/)playwright[.]config[.]ts$",
+          "^test/.*[.]e2e[.]test[.]ts$",
+          "^src/app/.*(page|layout|template|loading|error|not-found|default|route)[.]tsx?$",
+          "^src/payload-types[.]ts$"
+        ]
+      }
+    }
+  ],
+  "options": {
+    "skipAnalysisNotInRules": true,
+    "tsPreCompilationDeps": true,
+    "enhancedResolveOptions": {
+      "conditionNames": ["import", "require", "node", "default", "types"],
+      "exportsFields": ["exports"]
+    },
+    "exclude": "(^|/)(?:\\.next|coverage|node_modules)/|^src/app/[(]payload[)]/",
+    "tsConfig": {
+      "fileName": "tsconfig.json"
+    }
+  }
+}

package/templates/turborepo/apps/backoffice/Dockerfile

@@ -0,0 +1,28 @@
+# Runs on any OCI platform (Railway, Fly.io, Cloud Run). On Vercel, deploy without it. The platform sets `PORT`.
+FROM node:24.22.1-alpine@sha256:06d7adf3e0ef61a13f1d28682726366f97a15aa1888c934d3ecec86c33918b53 AS build
+ENV NEXT_TELEMETRY_DISABLED=1
+WORKDIR /app
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
+COPY apps/app/package.json apps/app/package.json
+COPY apps/backoffice/package.json apps/backoffice/package.json
+RUN npm install --global "pnpm@$(node --print 'require("./package.json").packageManager.split("+")[0].split("@")[1]')"
+RUN pnpm install --frozen-lockfile --ignore-scripts --filter ./apps/backoffice...
+COPY apps/backoffice/next.config.ts apps/backoffice/tsconfig.json apps/backoffice/
+COPY apps/backoffice/src apps/backoffice/src
+# `next build` loads the Payload config, which requires these variables. The values are placeholders for the build only.
+# The platform sets the real ones at runtime, and the build never connects to the database.
+RUN PAYLOAD_SECRET=build-only DATABASE_URL=postgres://build-only@localhost/build-only APP_URL=http://localhost:3001 pnpm --filter ./apps/backoffice build
+
+FROM node:24.22.1-alpine@sha256:06d7adf3e0ef61a13f1d28682726366f97a15aa1888c934d3ecec86c33918b53
+ENV NODE_ENV=production NEXT_TELEMETRY_DISABLED=1 HOSTNAME=0.0.0.0
+WORKDIR /app
+# Apply Alpine security fixes released after the base image, and drop npm, corepack, and yarn: the app never runs them, and their bundled dependencies carry their own CVEs.
+RUN apk upgrade --no-cache \
+  && rm -rf /usr/local/lib/node_modules /usr/local/bin/npm /usr/local/bin/npx /usr/local/bin/corepack /usr/local/bin/yarn /usr/local/bin/yarnpkg /opt/yarn-* \
+  && install -d -o node -g node apps/backoffice/media
+# Next.js writes .next/cache at runtime. Uploads go to the container filesystem, which is lost on redeploy; use a storage adapter or a mounted volume in production.
+COPY --from=build --chown=node:node /app/apps/backoffice/.next/standalone ./
+COPY --from=build --chown=node:node /app/apps/backoffice/.next/static ./apps/backoffice/.next/static
+USER 1000
+HEALTHCHECK --interval=30s --timeout=5s CMD ["node", "-e", "fetch('http://127.0.0.1:' + (process.env.PORT || 3000) + '/health').then(response => process.exit(response.ok ? 0 : 1), () => process.exit(1))"]
+CMD ["node", "apps/backoffice/server.js"]

package/templates/turborepo/apps/backoffice/next.config.ts

@@ -0,0 +1,48 @@
+import {fileURLToPath} from "node:url";
+import path from "node:path";
+import {withPayload} from "@payloadcms/next/withPayload";
+import type {NextConfig} from "next";
+
+const workspaceRoot = path.join(path.dirname(fileURLToPath(import.meta.url)), "../..");
+
+const nextConfig: NextConfig = {
+  outputFileTracingRoot: workspaceRoot,
+  output: "standalone",
+  poweredByHeader: false,
+  images: {
+    localPatterns: [
+      {
+        pathname: "/api/media/file/**",
+      },
+    ],
+  },
+  async headers() {
+    return [
+      {
+        source: "/:path*",
+        headers: [
+          {
+            key: "Strict-Transport-Security",
+            value: "max-age=63072000; includeSubDomains",
+          },
+          {
+            key: "X-Content-Type-Options",
+            value: "nosniff",
+          },
+          {
+            key: "X-Frame-Options",
+            value: "SAMEORIGIN",
+          },
+          {
+            key: "Referrer-Policy",
+            value: "strict-origin-when-cross-origin",
+          },
+        ],
+      },
+    ];
+  },
+};
+
+export default withPayload(nextConfig, {
+  devBundleServerPackages: false,
+});

package/templates/turborepo/apps/backoffice/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@next-friday-template-turborepo/backoffice",
+  "version": "0.1.0",
+  "private": true,
+  "description": "Next Friday Payload backoffice.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "scripts": {
+    "build": "next build",
+    "depcruise": "depcruise --config .dependency-cruiser.json src test next.config.ts playwright.config.ts vitest.config.ts",
+    "dev": "next dev --port 3001",
+    "generate:importmap": "payload generate:importmap",
+    "generate:types": "payload generate:types",
+    "migrate": "payload migrate",
+    "migrate:create": "payload migrate:create",
+    "payload": "payload",
+    "start": "cp -R .next/static .next/standalone/apps/backoffice/.next/ && (test ! -d public || cp -R public .next/standalone/apps/backoffice/) && PORT=3001 node .next/standalone/apps/backoffice/server.js",
+    "test": "vitest run --passWithNoTests",
+    "test:changed": "if git rev-parse --quiet --verify origin/main > /dev/null && git diff --quiet \"$(git merge-base origin/main HEAD)\" -- pnpm-lock.yaml pnpm-workspace.yaml \"*package.json\" \"*tsconfig.json\" .husky; then vitest run --changed origin/main --passWithNoTests; else vitest run --passWithNoTests; fi",
+    "test:coverage": "vitest run --coverage --passWithNoTests",
+    "test:e2e": "playwright test",
+    "test:watch": "vitest",
+    "typecheck": "next typegen && tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "@payloadcms/db-postgres": "3.92.1",
+    "@payloadcms/next": "3.92.1",
+    "@payloadcms/richtext-lexical": "3.92.1",
+    "next": "16.4.3",
+    "payload": "3.92.1",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "sharp": "0.35.5"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.64.1",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vitest/coverage-v8": "5.0.5",
+    "dependency-cruiser": "18.7.0",
+    "fast-check": "4.10.2",
+    "typescript": "7.0.2",
+    "vitest": "5.0.5"
+  },
+  "engines": {
+    "node": ">=24.22.1 <25"
+  }
+}

package/templates/turborepo/apps/backoffice/playwright.config.ts

@@ -0,0 +1,27 @@
+import {defineConfig, devices} from "@playwright/test";
+
+const isCi = Boolean(process.env.CI);
+
+export default defineConfig({
+  forbidOnly: isCi,
+  testDir: "test",
+  projects: [
+    {
+      name: "chromium",
+      use: devices["Desktop Chrome"],
+    },
+  ],
+  use: {
+    baseURL: "http://localhost:3001",
+    trace: "on-first-retry",
+  },
+  webServer: {
+    url: "http://localhost:3001",
+    command: isCi
+      ? "cp -R .next/static .next/standalone/apps/backoffice/.next/ && (test ! -d public || cp -R public .next/standalone/apps/backoffice/) && PORT=3001 node .next/standalone/apps/backoffice/server.js"
+      : "next dev --port 3001",
+    reuseExistingServer: !isCi,
+  },
+  reporter: isCi ? "github" : "list",
+  retries: isCi ? 2 : 0,
+});

package/templates/turborepo/apps/backoffice/src/app/(frontend)/layout.tsx

@@ -0,0 +1,18 @@
+import type {Metadata} from "next";
+
+import "./styles.css";
+
+export const metadata: Metadata = {
+  title: "Next Friday Payload template",
+  description: "Starter application for Next Friday Payload projects.",
+};
+
+export default function RootLayout(props: LayoutProps<"/">) {
+  const {children} = props;
+
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}

package/templates/turborepo/apps/backoffice/src/app/(frontend)/page.test.ts

@@ -0,0 +1,14 @@
+import {createElement} from "react";
+import {describe, expect, it} from "vitest";
+import {renderToStaticMarkup} from "react-dom/server";
+
+import Page from "./page";
+
+describe("Page", () => {
+  it("renders the template heading and the admin link", () => {
+    const html = renderToStaticMarkup(createElement(Page));
+
+    expect(html).toContain("Next Friday Payload template");
+    expect(html).toContain('href="/admin"');
+  });
+});

package/templates/turborepo/apps/backoffice/src/app/(frontend)/page.tsx

@@ -0,0 +1,14 @@
+import Link from "next/link";
+
+export default function Page() {
+  return (
+    <main>
+      <h1>Next Friday Payload template</h1>
+
+      <p>
+        Edit <code>src/app/(frontend)/page.tsx</code> to get started, or open the{" "}
+        <Link href="/admin">admin panel</Link>.
+      </p>
+    </main>
+  );
+}

package/templates/turborepo/apps/backoffice/src/app/(frontend)/styles.css

@@ -0,0 +1,15 @@
+:root {
+  font-family: system-ui, sans-serif;
+  color-scheme: light dark;
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 4rem;
+  text-align: center;
+}

package/templates/turborepo/apps/backoffice/src/app/(payload)/admin/[[...segments]]/not-found.tsx

@@ -0,0 +1,24 @@
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
+import type { Metadata } from 'next'
+
+import config from '@payload-config'
+import { NotFoundPage, generatePageMetadata } from '@payloadcms/next/views'
+import { importMap } from '../importMap'
+
+type Args = {
+  params: Promise<{
+    segments: string[]
+  }>
+  searchParams: Promise<{
+    [key: string]: string | string[]
+  }>
+}
+
+export const generateMetadata = ({ params, searchParams }: Args): Promise<Metadata> =>
+  generatePageMetadata({ config, params, searchParams })
+
+const NotFound = ({ params, searchParams }: Args) =>
+  NotFoundPage({ config, params, searchParams, importMap })
+
+export default NotFound