create-next-pro-cli 0.1.26 → 0.1.27

package/templates/Projects/default/eslint.config.mjs

@@ -1,16 +1,32 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
+import nextCoreWebVitals from "eslint-config-next/core-web-vitals";
+import nextTypescript from "eslint-config-next/typescript";
 
 const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  ...nextCoreWebVitals,
+  ...nextTypescript,
+  {
+    rules: {
+      "react/jsx-key": "error",
+      "react/jsx-no-duplicate-props": "error",
+      "react/jsx-no-target-blank": "error",
+      "react/no-children-prop": "error",
+      "react/no-danger-with-children": "error",
+      "react/no-unknown-property": "error",
+      "react/no-unescaped-entities": "error",
+    },
+  },
+  {
+    ignores: [
+      "node_modules/**",
+      ".next/**",
+      "out/**",
+      "build/**",
+      "artifacts/**",
+      "playwright-report/**",
+      "test-results/**",
+      "next-env.d.ts",
+    ],
+  },
 ];
 
 export default eslintConfig;

package/templates/Projects/default/messages/en/_global_ui.json

@@ -1,5 +1,21 @@
 {
+  "user_nav": {
+    "links": {
+      "home": "Home",
+      "dashboard": "Dashboard",
+      "settings": "Settings",
+      "user_info": "User Information"
+    }
+  },
+  "Loading": {
+    "title": "Loading",
+    "description": "Please wait while we prepare your experience..."
+  },
+  "back": "Back",
+  "select_language": "Select language",
+  "toggle_theme": "Toggle theme",
   "public_nav": {
+    "menu": "Public navigation menu",
     "links": {
       "home": "Home",
       "login": "Login",
@@ -19,16 +35,13 @@
       "search": "Search"
     }
   },
-  "user_nav": {
-    "links": {
-      "home": "Home",
-      "dashboard": "Dashboard",
-      "settings": "Settings",
-      "user_info": "User Information"
-    }
+  "error": {
+    "title": "Something went wrong!",
+    "retry": "Try again"
   },
-  "Loading": {
-    "title": "Loading",
-    "description": "Please wait while we prepare your experience..."
+  "not_found": {
+    "title": "Not Found",
+    "description": "Could not find the requested resource",
+    "home": "Return Home"
   }
 }

package/templates/Projects/default/messages/en.ts

@@ -1,4 +1,19 @@
-import getMergedMessages from "./getMergedMessages";
+import globalUi from "./en/_global_ui.json";
+import home from "./en/_home.json";
+import dashboard from "./en/dashboard.json";
+import login from "./en/login.json";
+import register from "./en/register.json";
+import settings from "./en/settings.json";
+import userInfo from "./en/userInfo.json";
+
+const messages = {
+  _global_ui: globalUi,
+  _home: home,
+  dashboard,
+  login,
+  register,
+  settings,
+  userInfo,
+};
 
-const messages = await getMergedMessages(import.meta.url);
 export default messages;

package/templates/Projects/default/messages/fr/_global_ui.json

@@ -1,5 +1,21 @@
 {
+  "user_nav": {
+    "links": {
+      "home": "Accueil",
+      "dashboard": "Tableau de bord",
+      "settings": "Paramètres",
+      "user_info": "Informations sur l'utilisateur"
+    }
+  },
+  "Loading": {
+    "title": "Chargement en cours",
+    "description": "Veuillez patienter pendant que nous préparons votre expérience..."
+  },
+  "back": "Retour",
+  "select_language": "Choisir la langue",
+  "toggle_theme": "Changer de thème",
   "public_nav": {
+    "menu": "Menu de navigation publique",
     "links": {
       "home": "Accueil",
       "login": "Connexion",
@@ -19,16 +35,13 @@
       "search": "Recherche"
     }
   },
-  "user_nav": {
-    "links": {
-      "home": "Accueil",
-      "dashboard": "Tableau de bord",
-      "settings": "Paramètres",
-      "user_info": "Informations sur l'utilisateur"
-    }
+  "error": {
+    "title": "Une erreur est survenue !",
+    "retry": "Réessayer"
   },
-  "Loading": {
-    "title": "Chargement en cours",
-    "description": "Veuillez patienter pendant que nous préparons votre expérience..."
+  "not_found": {
+    "title": "Page introuvable",
+    "description": "La ressource demandée est introuvable",
+    "home": "Retour à l'accueil"
   }
 }

package/templates/Projects/default/messages/fr.ts

@@ -1,4 +1,19 @@
-import getMergedMessages from "./getMergedMessages";
+import globalUi from "./fr/_global_ui.json";
+import home from "./fr/_home.json";
+import dashboard from "./fr/dashboard.json";
+import login from "./fr/login.json";
+import register from "./fr/register.json";
+import settings from "./fr/settings.json";
+import userInfo from "./fr/userInfo.json";
+
+const messages = {
+  _global_ui: globalUi,
+  _home: home,
+  dashboard,
+  login,
+  register,
+  settings,
+  userInfo,
+};
 
-const messages = await getMergedMessages(import.meta.url);
 export default messages;

package/templates/Projects/default/next.config.ts

@@ -1,10 +1,50 @@
 import { NextConfig } from "next";
 import createNextIntlPlugin from "next-intl/plugin";
+import { createContentSecurityPolicy } from "./src/lib/security/csp";
+
+const contentSecurityPolicy = createContentSecurityPolicy(
+  process.env.NODE_ENV !== "production",
+);
 
 const nextConfig: NextConfig = {
-  /* devIndicators: {
-    buildActivity: true,
-  }, */
+  poweredByHeader: false,
+  async headers() {
+    const headers = [
+      {
+        key: "X-Frame-Options",
+        value: "DENY",
+      },
+      {
+        key: "X-Content-Type-Options",
+        value: "nosniff",
+      },
+      {
+        key: "Referrer-Policy",
+        value: "strict-origin-when-cross-origin",
+      },
+      {
+        key: "Permissions-Policy",
+        value: "camera=(), microphone=(), geolocation=()",
+      },
+      {
+        key: "Content-Security-Policy",
+        value: contentSecurityPolicy,
+      },
+    ];
+    if (process.env.NODE_ENV === "production") {
+      headers.push({
+        key: "Strict-Transport-Security",
+        value: "max-age=31536000; includeSubDomains",
+      });
+    }
+
+    return [
+      {
+        source: "/(.*)",
+        headers,
+      },
+    ];
+  },
 };
 
 const withNextIntl = createNextIntlPlugin("./src/lib/i18n/request.ts");

package/templates/Projects/default/package.json

@@ -2,37 +2,55 @@
   "name": "my-next-pro",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
+  "packageManager": "bun@1.3.14",
+  "engines": {
+    "node": ">=24.0.0",
+    "bun": ">=1.3.14"
+  },
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "test": "vitest run",
+    "test:e2e": "playwright test",
+    "verify:rendering": "node --experimental-strip-types tests/rendering/verify-rendering.ts",
+    "check": "prettier --check . && eslint . && tsc --noEmit && vitest run && next build && node --experimental-strip-types tests/rendering/verify-rendering.ts",
+    "test:consumer": "node --experimental-strip-types tests/consumer/validate-template.ts",
+    "audit": "bun audit"
   },
   "dependencies": {
-    "@radix-ui/react-slot": "^1.2.3",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cookie": "^1.0.2",
-    "jsonwebtoken": "^9.0.2",
-    "lucide-react": "^0.539.0",
-    "next": "15.4.5",
-    "next-auth": "^4.24.11",
-    "next-intl": "^4.3.4",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7"
+    "@radix-ui/react-slot": "1.3.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "lucide-react": "1.24.0",
+    "next": "16.2.10",
+    "next-auth": "5.0.0-beta.31",
+    "next-intl": "4.13.2",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "simple-icons": "16.26.0",
+    "tailwind-merge": "3.6.0",
+    "tailwindcss-animate": "1.0.7"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@tailwindcss/postcss": "^4",
-    "@types/jsonwebtoken": "^9.0.10",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "15.4.5",
-    "tailwindcss": "^4",
-    "typescript": "^5"
+    "@playwright/test": "1.61.1",
+    "@tailwindcss/postcss": "4.3.3",
+    "@types/node": "24.13.3",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "eslint": "9.39.4",
+    "eslint-config-next": "16.2.10",
+    "prettier": "3.9.5",
+    "tailwindcss": "4.3.3",
+    "typescript": "6.0.3",
+    "vitest": "4.1.10"
+  },
+  "overrides": {
+    "postcss": "8.5.15"
   }
 }

package/templates/Projects/default/playwright.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig, devices } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./tests/e2e",
+  testMatch: "**/*.playwright.ts",
+  fullyParallel: true,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? "github" : "list",
+  use: {
+    baseURL: "http://127.0.0.1:3100",
+    trace: "retain-on-failure",
+  },
+  projects: [
+    { name: "desktop", use: { ...devices["Desktop Chrome"] } },
+    { name: "mobile", use: { ...devices["Pixel 5"] } },
+  ],
+  webServer: {
+    command: "next build && next start --hostname 127.0.0.1 --port 3100",
+    url: "http://127.0.0.1:3100/en",
+    reuseExistingServer: !process.env.CI,
+    env: {
+      AUTH_DISABLED: "true",
+      NEXT_PUBLIC_APP_URL: "http://127.0.0.1:3100",
+    },
+  },
+});

package/templates/Projects/default/pnpm-workspace.yaml

@@ -0,0 +1,5 @@
+allowBuilds:
+  "@parcel/watcher": true
+  "@swc/core": true
+  sharp: true
+  unrs-resolver: true

package/templates/Projects/default/public/{cnp-logo.svg → logo.svg}

@@ -8,7 +8,7 @@
    version="1.1"
    id="svg1484"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="cnp-logo.svg"
+   sodipodi:docname="logo.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"

package/templates/Projects/default/src/app/[locale]/(public)/layout.tsx

@@ -1,9 +1,16 @@
 import React from "react";
+import GlobalHeader from "@/ui/_global/GlobalHeader";
+import GlobalMain from "@/ui/_global/GlobalMain";
 
 export default function PublicLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  return children;
+  return (
+    <>
+      <GlobalHeader hasSessionInitial={false} />
+      <GlobalMain>{children}</GlobalMain>
+    </>
+  );
 }

package/templates/Projects/default/src/app/[locale]/(public)/login/page.tsx

@@ -0,0 +1,8 @@
+// src/app/[locale]/(public)/login/page.tsx
+import LoginPageUI from "@/ui/login/page-ui";
+
+export const dynamic = "force-static";
+
+export default function LoginPage() {
+  return <LoginPageUI />;
+}

package/templates/Projects/default/src/app/[locale]/(public)/register/page.tsx

@@ -0,0 +1,8 @@
+// src/app/[locale]/(public)/register/page.tsx
+import RegisterPageUI from "@/ui/register/page-ui";
+
+export const dynamic = "force-static";
+
+export default function RegisterPage() {
+  return <RegisterPageUI />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/dashboard/error.tsx

@@ -0,0 +1,25 @@
+// app/[locale]/error.tsx
+"use client";
+
+import { useEffect } from "react";
+import { useTranslations } from "next-intl";
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  const t = useTranslations("_global_ui.error");
+  useEffect(() => {
+    console.error(error);
+  }, [error]);
+
+  return (
+    <div>
+      <h2>{t("title")}</h2>
+      <button onClick={() => reset()}>{t("retry")}</button>
+    </div>
+  );
+}

package/templates/Projects/default/src/app/[locale]/(user)/dashboard/loading.tsx

@@ -0,0 +1,5 @@
+import LoadingUI from "@/ui/_global/Loading";
+
+export default function Loading() {
+  return <LoadingUI />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/{Dashboard → dashboard}/page.tsx

@@ -1,4 +1,4 @@
-import Dashboard from "@/ui/Dashboard/page-ui";
+import Dashboard from "@/ui/dashboard/page-ui";
 
 export default function DashboardPage() {
   return <Dashboard />;

package/templates/Projects/default/src/app/[locale]/(user)/layout.tsx

@@ -1,9 +1,31 @@
 // app/[locale]/(user)/layout.tsx
+import { auth, isAuthConfigured } from "@/auth";
+import { redirect } from "@/lib/i18n/navigation";
+import GlobalHeader from "@/ui/_global/GlobalHeader";
+import GlobalMain from "@/ui/_global/GlobalMain";
 
-export default function UserLayout({
+export default async function UserLayout({
   children,
+  params,
 }: {
   children: React.ReactNode;
+  params: Promise<{ locale: string }>;
 }) {
-  return children;
+  const { locale } = await params;
+  if (!isAuthConfigured()) {
+    redirect({ href: "/login", locale });
+  }
+
+  const session = await auth();
+
+  if (!session?.user) {
+    redirect({ href: "/login", locale });
+  }
+
+  return (
+    <>
+      <GlobalHeader hasSessionInitial />
+      <GlobalMain>{children}</GlobalMain>
+    </>
+  );
 }

package/templates/Projects/default/src/app/[locale]/(user)/settings/loading.tsx

@@ -0,0 +1,5 @@
+import LoadingUI from "@/ui/_global/Loading";
+
+export default function Loading() {
+  return <LoadingUI />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/{Settings → settings}/page.tsx

@@ -1,5 +1,4 @@
-"use client";
-import SettingsPageUI from "@/ui/Settings/page-ui";
+import SettingsPageUI from "@/ui/settings/page-ui";
 
 export default function UserInfoPage() {
   return <SettingsPageUI />;

package/templates/Projects/default/src/app/[locale]/(user)/userInfo/loading.tsx

@@ -0,0 +1,5 @@
+import LoadingUI from "@/ui/_global/Loading";
+
+export default function Loading() {
+  return <LoadingUI />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/{UserInfo → userInfo}/page.tsx

@@ -1,5 +1,4 @@
-"use client";
-import UserInfoPageUI from "@/ui/UserInfo/page-ui";
+import UserInfoPageUI from "@/ui/userInfo/page-ui";
 
 export default function UserInfoPage() {
   return <UserInfoPageUI />;

package/templates/Projects/default/src/app/[locale]/layout.tsx

@@ -1,11 +1,26 @@
 // app/[locale]/layout.tsx
 import { NextIntlClientProvider } from "next-intl";
 import { setRequestLocale } from "next-intl/server";
+import { hasLocale } from "next-intl";
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Script from "next/script";
 import React from "react";
-import "@/app/styles/globals.css"; // Import global styles
-import GlobalHeader from "@/ui/_global/GlobalHeader";
-import GlobalMain from "@/ui/_global/GlobalMain";
-import { isConnected } from "@/lib/auth/isConnected";
+import "@/app/styles/globals.css";
+import { routing } from "@/lib/i18n/routing";
+import { getMessages } from "@/lib/i18n/messages";
+
+export const metadata: Metadata = {
+  title: {
+    default: "Create Next Pro",
+    template: "%s | Create Next Pro",
+  },
+  description: "A Bun-first Next.js template for create-next-pro-cli.",
+};
+
+export function generateStaticParams() {
+  return routing.locales.map((locale) => ({ locale }));
+}
 
 export default async function LocaleLayout({
   children,
@@ -15,16 +30,25 @@ export default async function LocaleLayout({
   params: Promise<{ locale: string }>;
 }) {
   const { locale } = await params;
-  setRequestLocale(locale);
-  const isConnectedInitial = await isConnected();
+  if (!hasLocale(routing.locales, locale)) {
+    notFound();
+  }
 
+  setRequestLocale(locale);
+  const messages = getMessages(locale);
   return (
-    <html lang={locale}>
+    <html lang={locale} className="light" suppressHydrationWarning>
       <body>
-        <NextIntlClientProvider>
-          <GlobalHeader isConnectedInitial={isConnectedInitial} />
-          <GlobalMain>{children}</GlobalMain>
+        <NextIntlClientProvider locale={locale} messages={messages}>
+          {children}
         </NextIntlClientProvider>
+        <Script
+          id="theme-initializer"
+          strategy="beforeInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `try{var t=localStorage.getItem("theme");var d=t?t==="dark":window.matchMedia("(prefers-color-scheme: dark)").matches;document.documentElement.classList.toggle("dark",d);document.documentElement.classList.toggle("light",!d);}catch{document.documentElement.classList.add("light");}`,
+          }}
+        />
       </body>
     </html>
   );

package/templates/Projects/default/src/app/[locale]/loading.tsx

@@ -1,14 +1,5 @@
-// app/[locale]/dashboard/loading.tsx
-
 import LoadingUI from "@/ui/_global/Loading";
 
 export default function Loading() {
   return <LoadingUI />;
 }
-// This component is used to show a loading state while the dashboard is being prepared
-// You can customize it with a spinner, skeletons, or any loading UI you prefer
-// It will be displayed when the dashboard is loading, for example during data fetching or component rendering
-// This is useful for providing feedback to users that something is happening in the background
-// You can also use this to implement a more complex loading state with animations or placeholders
-// Make sure to keep it lightweight to avoid blocking the main thread
-// This component is part of the Next.js app directory structure and will be automatically used by Next.js

package/templates/Projects/default/src/app/[locale]/not-found.tsx

@@ -1,22 +1,13 @@
-// app/[locale]/not-found.tsx
+import { getTranslations } from "next-intl/server";
 import { Link } from "@/lib/i18n/navigation";
 
-export default function NotFound() {
+export default async function NotFound() {
+  const t = await getTranslations("_global_ui.not_found");
   return (
     <div>
-      <h2>Not Found</h2>
-      <p>Could not find requested resource</p>
-      <Link href="/">Return Home</Link>
+      <h2>{t("title")}</h2>
+      <p>{t("description")}</p>
+      <Link href="/">{t("home")}</Link>
     </div>
   );
 }
-// This page is used to handle 404 errors in the application
-// You can customize this page to display a user-friendly error message
-// or redirect to a different page if needed
-// This is part of the Next.js app directory structure and will be automatically used by Next.js
-// when a requested page is not found
-// Make sure to handle 404 errors gracefully to improve user experience
-// You can also log errors or send them to an error tracking service
-// This component can be styled with CSS or Tailwind CSS to match your application's design
-// You can also add additional links or actions for the user to take, such as searching or navigating to other parts of the site
-// This component is lightweight and does not block the main thread

package/templates/Projects/default/src/app/[locale]/page.tsx

@@ -1,6 +1,15 @@
 import React from "react";
 import HomePage from "@/app/[locale]/(public)/_home/page";
+import GlobalHeader from "@/ui/_global/GlobalHeader";
+import GlobalMain from "@/ui/_global/GlobalMain";
 
 export default async function FallbackPage() {
-  return <HomePage />;
+  return (
+    <>
+      <GlobalHeader hasSessionInitial={false} />
+      <GlobalMain>
+        <HomePage />
+      </GlobalMain>
+    </>
+  );
 }