@thinhnguyencth1204/nextcli 0.8.0 → 1.0.0

package/templates/next-base/messages/vi/auth.json

@@ -0,0 +1,43 @@
+{
+  "signInPage": {
+    "title": "Đăng nhập",
+    "description": "Dùng tên đăng nhập và mật khẩu để truy cập hệ thống."
+  },
+  "signInForm": {
+    "username": "Tên đăng nhập",
+    "password": "Mật khẩu",
+    "usernamePlaceholder": "admin",
+    "passwordPlaceholder": "********",
+    "submit": "Đăng nhập",
+    "submitting": "Đang đăng nhập...",
+    "invalidInput": "Vui lòng nhập tên đăng nhập và mật khẩu hợp lệ.",
+    "success": "Đăng nhập thành công.",
+    "failed": "Đăng nhập thất bại."
+  },
+  "changePasswordPage": {
+    "title": "Đổi mật khẩu",
+    "description": "Bạn cần đổi mật khẩu trước khi tiếp tục sử dụng hệ thống."
+  },
+  "changePasswordForm": {
+    "currentPassword": "Mật khẩu hiện tại",
+    "newPassword": "Mật khẩu mới",
+    "submit": "Cập nhật mật khẩu",
+    "submitting": "Đang cập nhật...",
+    "invalidInput": "Vui lòng nhập mật khẩu hợp lệ (tối thiểu 8 ký tự).",
+    "success": "Đổi mật khẩu thành công.",
+    "failed": "Không thể đổi mật khẩu."
+  },
+  "account": {
+    "title": "Tài khoản",
+    "description": "Xem thông tin phiên đăng nhập hiện tại.",
+    "panelTitle": "Thông tin tài khoản",
+    "loading": "Đang tải thông tin tài khoản...",
+    "noSession": "Chưa có phiên đăng nhập hoạt động.",
+    "userId": "Mã người dùng",
+    "username": "Tên đăng nhập",
+    "email": "Email",
+    "name": "Tên",
+    "na": "N/A",
+    "goToSignIn": "Đi tới trang đăng nhập"
+  }
+}

package/templates/next-base/messages/vi/common.json

@@ -0,0 +1,53 @@
+{
+  "appName": "__PROJECT_NAME__",
+  "sidebar": {
+    "groupGeneral": "Tổng quan",
+    "dashboard": "Bảng điều khiển",
+    "example": "Ví dụ",
+    "account": "Tài khoản"
+  },
+  "header": {
+    "themeLight": "Sáng",
+    "themeDark": "Tối",
+    "themeSystem": "Theo hệ thống",
+    "toggleTheme": "Chuyển giao diện"
+  },
+  "dashboardPage": {
+    "title": "Bảng điều khiển",
+    "description": "Tổng quan nhanh về hoạt động hệ thống.",
+    "placeholder": "Thêm widget và số liệu của bạn tại đây.",
+    "stats": {
+      "users": {
+        "title": "Người dùng",
+        "value": "—"
+      },
+      "records": {
+        "title": "Bản ghi",
+        "value": "—"
+      },
+      "activity": {
+        "title": "Hoạt động hôm nay",
+        "value": "—"
+      }
+    }
+  },
+  "userMenu": {
+    "title": "Tài khoản",
+    "anonymousName": "Người dùng",
+    "anonymousEmail": "user@example.com",
+    "appearance": "Giao diện",
+    "logout": "Đăng xuất"
+  },
+  "locale": {
+    "label": "Ngôn ngữ",
+    "vi": "Tiếng Việt",
+    "en": "English",
+    "ja": "日本語",
+    "ko": "한국어"
+  },
+  "table": {
+    "noResults": "Không có dữ liệu.",
+    "previous": "Trước",
+    "next": "Sau"
+  }
+}

package/templates/next-base/messages/vi/example.json

@@ -0,0 +1,20 @@
+{
+  "page": {
+    "title": "Ví dụ",
+    "description": "Trang mẫu với bảng dữ liệu, thẻ nội dung và nút thêm bản ghi.",
+    "add": "Thêm mới",
+    "createTitle": "Thêm bản ghi ví dụ",
+    "nameLabel": "Tên",
+    "descriptionLabel": "Mô tả",
+    "createSubmit": "Lưu",
+    "creating": "Đang lưu...",
+    "createSuccess": "Đã thêm bản ghi ví dụ.",
+    "createFailed": "Không thể thêm bản ghi ví dụ.",
+    "invalidInput": "Vui lòng nhập tên hợp lệ."
+  },
+  "table": {
+    "name": "Tên",
+    "description": "Mô tả",
+    "loading": "Đang tải dữ liệu ví dụ..."
+  }
+}

package/templates/next-base/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/next-base/next.config.ts

@@ -1,4 +1,5 @@
 import type { NextConfig } from "next";
+import createNextIntlPlugin from "next-intl/plugin";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 
@@ -11,4 +12,6 @@ const nextConfig: NextConfig = {
   },
 };
 
-export default nextConfig;
+const withNextIntl = createNextIntlPlugin("./src/i18n/request.ts");
+
+export default withNextIntl(nextConfig);

package/templates/next-base/nextcli.json

@@ -1,8 +1,16 @@
 {
   "cli": "__NEXTCLI_VERSION__",
   "defaultLocale": "vi",
-  "locales": [],
-  "namespaces": [],
-  "modules": [],
-  "features": []
+  "locales": ["vi"],
+  "namespaces": ["common", "auth", "example"],
+  "modules": [
+    "database",
+    "supabase",
+    "auth",
+    "api",
+    "i18n",
+    "dashboard",
+    "example"
+  ],
+  "features": ["example"]
 }

package/templates/next-base/package.json

@@ -7,9 +7,20 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "postinstall": "prisma generate",
+    "db:generate": "prisma generate",
+    "db:migrate": "prisma migrate dev",
+    "db:studio": "prisma studio"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@lexical/history": "^0.45.0",
+    "@lexical/react": "^0.45.0",
+    "@lexical/rich-text": "^0.45.0",
+    "@lexical/utils": "^0.45.0",
+    "@prisma/adapter-pg": "^7.8.0",
+    "@prisma/client": "^7.8.0",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -21,16 +32,22 @@
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@supabase/supabase-js": "^2.44.2",
+    "@tanstack/react-query": "^5.56.2",
+    "@tanstack/react-query-devtools": "^5.56.2",
+    "@tanstack/react-table": "^8.20.5",
+    "axios": "^1.7.7",
+    "better-auth": "^1.6.11",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "@lexical/history": "^0.45.0",
-    "@lexical/react": "^0.45.0",
-    "@lexical/rich-text": "^0.45.0",
-    "@lexical/utils": "^0.45.0",
+    "date-fns": "^3.6.0",
     "lexical": "^0.45.0",
     "lucide-react": "^0.525.0",
     "next": "^16.1.6",
+    "next-intl": "^4.13.0",
     "next-themes": "^0.4.6",
+    "nuqs": "^2.8.1",
+    "pg": "^8.16.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "sonner": "^1.7.1",
@@ -43,8 +60,10 @@
     "@types/node": "^22.7.4",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "dotenv": "^17.4.2",
     "eslint": "^9.11.1",
     "eslint-config-next": "^16.1.6",
+    "prisma": "^7.8.0",
     "tailwindcss": "^4.1.11",
     "typescript": "^5.6.2"
   }

package/templates/next-base/prisma/schema.prisma

@@ -0,0 +1,85 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+}
+
+model Role {
+  id        String   @id @default(cuid())
+  name      String   @unique
+  level     Int
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  users     User[]
+}
+
+model User {
+  id                    String    @id @default(cuid())
+  email                 String?
+  username              String    @unique
+  displayUsername       String?
+  name                  String?
+  image                 String?
+  emailVerified         Boolean   @default(false)
+  requirePasswordChange Boolean   @default(false)
+  roleId                String?
+  role                  Role?     @relation(fields: [roleId], references: [id], onDelete: SetNull)
+  createdAt             DateTime  @default(now())
+  updatedAt             DateTime  @updatedAt
+  sessions              Session[]
+  accounts              Account[]
+}
+model Session {
+  id        String   @id @default(cuid())
+  token     String   @unique
+  expiresAt DateTime
+  ipAddress String?
+  userAgent String?
+  userId    String
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+model Account {
+  id                    String    @id @default(cuid())
+  accountId             String
+  providerId            String
+  userId                String
+  user                  User      @relation(fields: [userId], references: [id], onDelete: Cascade)
+  accessToken           String?
+  refreshToken          String?
+  idToken               String?
+  accessTokenExpiresAt  DateTime?
+  refreshTokenExpiresAt DateTime?
+  scope                 String?
+  password              String?
+  createdAt             DateTime  @default(now())
+  updatedAt             DateTime  @updatedAt
+
+  @@unique([providerId, accountId])
+}
+
+model Verification {
+  id         String    @id @default(cuid())
+  identifier String
+  value      String
+  expiresAt  DateTime
+  createdAt  DateTime? @default(now())
+  updatedAt  DateTime? @updatedAt
+}
+
+// Optional Chatbox models are appended by NexTCLI only when adding the chat feature.
+// Review generated schema changes before running migrations on production databases.
+
+// Starter demo table for template onboarding only.
+// Rename/remove this `Example` model before production migration.
+model Example {
+  id          String   @id @default(cuid())
+  name        String
+  description String?
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}

package/templates/next-base/prisma.config.ts

@@ -0,0 +1,16 @@
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+
+type Env = {
+  DIRECT_URL: string;
+};
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  datasource: {
+    url: env<Env>("DIRECT_URL"),
+  },
+});

package/templates/next-base/src/app/(auth)/.gitkeep

@@ -0,0 +1 @@
+

package/templates/next-base/src/app/(auth)/change-password/layout.tsx

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import { redirect } from "next/navigation";
+import { getSessionUser } from "@/lib/auth/rbac";
+
+export default async function ChangePasswordLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const user = await getSessionUser();
+
+  if (!user) {
+    redirect("/sign-in");
+  }
+
+  if (!user.requirePasswordChange) {
+    redirect("/dashboard");
+  }
+
+  return <>{children}</>;
+}

package/templates/next-base/src/app/(auth)/change-password/page.tsx

@@ -0,0 +1,15 @@
+import { useTranslations } from "next-intl";
+import { ChangePasswordForm } from "@/features/auth/components/change-password-form";
+
+export default function ChangePasswordPage() {
+  const t = useTranslations("auth.changePasswordPage");
+
+  return (
+    <div className="space-y-6">
+      <div className="text-center sm:text-left">
+        <h1 className="text-2xl font-semibold tracking-tight">{t("title")}</h1>
+      </div>
+      <ChangePasswordForm />
+    </div>
+  );
+}

package/templates/next-base/src/app/(auth)/layout.tsx

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+import { AuthShell } from "@/components/layout/auth/auth-shell";
+
+export default function AuthRouteLayout({ children }: { children: ReactNode }) {
+  return <AuthShell>{children}</AuthShell>;
+}

package/templates/next-base/src/app/(auth)/sign-in/layout.tsx

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import { redirect } from "next/navigation";
+import { getSessionUser } from "@/lib/auth/rbac";
+
+export default async function SignInLayout({ children }: { children: ReactNode }) {
+  const user = await getSessionUser();
+
+  if (user?.requirePasswordChange) {
+    redirect("/change-password");
+  }
+
+  if (user) {
+    redirect("/dashboard");
+  }
+
+  return children;
+}

package/templates/next-base/src/app/(auth)/sign-in/page.tsx

@@ -0,0 +1,15 @@
+import { useTranslations } from "next-intl";
+import { SignInForm } from "@/features/auth/components/sign-in-form";
+
+export default function SignInPage() {
+  const t = useTranslations("auth.signInPage");
+
+  return (
+    <div className="space-y-6">
+      <div className="text-center sm:text-left">
+        <h1 className="text-2xl font-semibold tracking-tight">{t("title")}</h1>
+      </div>
+      <SignInForm />
+    </div>
+  );
+}

package/templates/next-base/src/app/(dashboard)/account/page.tsx

@@ -0,0 +1,20 @@
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { AccountPanel } from "@/features/auth/components/account-panel";
+import { PageShell } from "@/components/layout/private/page-shell";
+import { Button } from "@/components/ui/button";
+
+export default function AccountPage() {
+  const t = useTranslations("auth.account");
+
+  return (
+    <PageShell title={t("title")} description={t("description")}>
+      <div className="space-y-4">
+        <AccountPanel />
+        <Button asChild variant="outline">
+          <Link href="/sign-in">{t("goToSignIn")}</Link>
+        </Button>
+      </div>
+    </PageShell>
+  );
+}

package/templates/next-base/src/app/(dashboard)/dashboard/page.tsx

@@ -0,0 +1,31 @@
+import { useTranslations } from "next-intl";
+import { PageShell } from "@/components/layout/private/page-shell";
+
+export default function DashboardPage() {
+  const t = useTranslations("common.dashboardPage");
+
+  const stats = [
+    { title: t("stats.users.title"), value: t("stats.users.value") },
+    { title: t("stats.records.title"), value: t("stats.records.value") },
+    { title: t("stats.activity.title"), value: t("stats.activity.value") },
+  ];
+
+  return (
+    <PageShell title={t("title")} description={t("description")}>
+      <div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+        {stats.map((stat) => (
+          <div
+            key={stat.title}
+            className="overflow-hidden rounded-lg border bg-card p-6 shadow-sm"
+          >
+            <h3 className="text-base font-semibold leading-6">{stat.title}</h3>
+            <p className="mt-2 text-3xl font-bold tracking-tight text-primary">
+              {stat.value}
+            </p>
+          </div>
+        ))}
+      </div>
+      <p className="mt-8 text-sm text-muted-foreground">{t("placeholder")}</p>
+    </PageShell>
+  );
+}

package/templates/next-base/src/app/(dashboard)/example/page.tsx

@@ -0,0 +1,102 @@
+"use client";
+
+import { useState } from "react";
+import type { FormEvent } from "react";
+import { useTranslations } from "next-intl";
+import { Plus } from "lucide-react";
+import { toast } from "sonner";
+import { useCreateExample } from "@/example/api/use-mutations";
+import { createExampleSchema } from "@/example/validations";
+import { ExampleTable } from "@/example/components/example-table";
+import { PageShell } from "@/components/layout/private/page-shell";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+export default function ExamplePage() {
+  const t = useTranslations("example.page");
+  const createExample = useCreateExample();
+  const [open, setOpen] = useState(false);
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+
+  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+
+    const parsed = createExampleSchema.safeParse({ name, description });
+    if (!parsed.success) {
+      toast.error(t("invalidInput"));
+      return;
+    }
+
+    try {
+      await createExample.mutateAsync(parsed.data);
+      toast.success(t("createSuccess"));
+      setName("");
+      setDescription("");
+      setOpen(false);
+    } catch (error) {
+      const message =
+        error instanceof Error ? error.message : t("createFailed");
+      toast.error(message);
+    }
+  };
+
+  return (
+    <PageShell
+      title={t("title")}
+      description={t("description")}
+      actions={
+        <Dialog open={open} onOpenChange={setOpen}>
+          <DialogTrigger asChild>
+            <Button>
+              <Plus className="mr-2 h-4 w-4" />
+              {t("add")}
+            </Button>
+          </DialogTrigger>
+          <DialogContent>
+            <DialogHeader>
+              <DialogTitle>{t("createTitle")}</DialogTitle>
+            </DialogHeader>
+            <form onSubmit={onSubmit} className="space-y-4">
+              <div className="space-y-2">
+                <Label htmlFor="example-name">{t("nameLabel")}</Label>
+                <Input
+                  id="example-name"
+                  value={name}
+                  onChange={(event) => setName(event.target.value)}
+                  required
+                />
+              </div>
+              <div className="space-y-2">
+                <Label htmlFor="example-description">
+                  {t("descriptionLabel")}
+                </Label>
+                <Input
+                  id="example-description"
+                  value={description}
+                  onChange={(event) => setDescription(event.target.value)}
+                />
+              </div>
+              <DialogFooter>
+                <Button type="submit" disabled={createExample.isPending}>
+                  {createExample.isPending ? t("creating") : t("createSubmit")}
+                </Button>
+              </DialogFooter>
+            </form>
+          </DialogContent>
+        </Dialog>
+      }
+    >
+      <ExampleTable />
+    </PageShell>
+  );
+}

package/templates/next-base/src/app/(dashboard)/layout.tsx

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import { redirect } from "next/navigation";
+import { DashboardLayout } from "@/components/layout/private/dashboard-layout";
+import { getSessionUser } from "@/lib/auth/rbac";
+
+export default async function DashboardRouteLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const user = await getSessionUser();
+
+  if (!user) {
+    redirect("/sign-in");
+  }
+
+  if (user.requirePasswordChange) {
+    redirect("/change-password");
+  }
+
+  return <DashboardLayout>{children}</DashboardLayout>;
+}

package/templates/next-base/src/app/api/auth/[...all]/route.ts

@@ -0,0 +1,4 @@
+import { toNextJsHandler } from "better-auth/next-js";
+import { auth } from "@/lib/auth";
+
+export const { GET, POST } = toNextJsHandler(auth);

package/templates/next-base/src/app/api/v1/auth/change-password/route.ts

@@ -0,0 +1,55 @@
+import { changePasswordSchema } from "@/features/auth/validations";
+import { fail, ok } from "@/lib/api/response";
+import { auth } from "@/lib/auth";
+import { getSessionUser } from "@/lib/auth/rbac";
+import prisma from "@/lib/db/prisma";
+
+const authBaseUrl =
+  process.env.BETTER_AUTH_URL ??
+  process.env.NEXT_PUBLIC_APP_URL ??
+  "http://localhost:3000";
+
+export async function POST(request: Request) {
+  const actor = await getSessionUser(request.headers);
+  if (!actor) {
+    return fail("UNAUTHORIZED", "Unauthorized", { status: 401 });
+  }
+
+  const payload = await request.json().catch(() => null);
+  const parsed = changePasswordSchema.safeParse(payload);
+
+  if (!parsed.success) {
+    return fail("VALIDATION_ERROR", "Invalid password payload.", {
+      status: 400,
+      details: parsed.error.flatten(),
+    });
+  }
+
+  const verifyResponse = await fetch(`${authBaseUrl}/api/auth/sign-in/username`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      username: actor.username,
+      password: parsed.data.currentPassword,
+    }),
+  });
+
+  if (!verifyResponse.ok) {
+    return fail("UNAUTHORIZED", "Current password is incorrect.", { status: 401 });
+  }
+
+  await auth.api.changePassword({
+    body: {
+      currentPassword: parsed.data.currentPassword,
+      newPassword: parsed.data.newPassword,
+    },
+    headers: request.headers,
+  });
+
+  await prisma.user.update({
+    where: { id: actor.id },
+    data: { requirePasswordChange: false },
+  });
+
+  return ok({ updated: true });
+}