@thinhnguyencth1204/nextcli 0.2.1 → 0.4.0

package/templates/next-base/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/utils/cn",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

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

@@ -0,0 +1,42 @@
+{
+  "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ệ.",
+    "missingAccessToken": "Không tìm thấy access token.",
+    "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",
+    "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,34 @@
+{
+  "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"
+  },
+  "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,10 @@
+{
+  "page": {
+    "title": "Ví dụ"
+  },
+  "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,4 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
 
-// This file is auto-generated by Next.js and should not be edited manually.
+// 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,7 +1,17 @@
 import type { NextConfig } from "next";
+import createNextIntlPlugin from "next-intl/plugin";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const rootDir = path.dirname(fileURLToPath(import.meta.url));
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,
+  turbopack: {
+    root: rootDir,
+  },
 };
 
-export default nextConfig;
+const withNextIntl = createNextIntlPlugin("./src/i18n/request.ts");
+
+export default withNextIntl(nextConfig);

package/templates/next-base/nextcli.json

@@ -0,0 +1,8 @@
+{
+  "cli": "__NEXTCLI_VERSION__",
+  "defaultLocale": "vi",
+  "locales": ["vi"],
+  "namespaces": ["common", "auth", "example"],
+  "modules": [],
+  "features": ["example"]
+}

package/templates/next-base/package.json

@@ -8,30 +8,50 @@
     "build": "next build",
     "start": "next start",
     "lint": "eslint .",
+    "postinstall": "prisma generate",
     "db:generate": "prisma generate",
     "db:migrate": "prisma migrate dev",
     "db:studio": "prisma studio"
   },
   "dependencies": {
     "@prisma/client": "^7.8.0",
+    "@prisma/adapter-pg": "^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",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-form": "^1.0.3",
     "@tanstack/react-query": "^5.56.2",
     "@tanstack/react-query-devtools": "^5.56.2",
     "@tanstack/react-table": "^8.20.5",
+    "@dnd-kit/core": "^6.3.1",
     "axios": "^1.7.7",
     "better-auth": "^1.6.11",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
+    "lucide-react": "^0.525.0",
     "next": "^16.1.6",
     "next-intl": "^4.13.0",
+    "next-themes": "^0.4.6",
+    "nuqs": "^2.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "pg": "^8.16.3",
     "sonner": "^1.7.1",
     "tailwind-merge": "^2.5.3",
+    "tw-animate-css": "^1.3.0",
     "zod": "^3.23.8"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.11",
     "dotenv": "^17.4.2",
     "@types/node": "^22.7.4",
     "@types/react": "^19.0.0",
@@ -39,7 +59,7 @@
     "eslint": "^9.11.1",
     "eslint-config-next": "^16.1.6",
     "prisma": "^7.8.0",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.6.2"
   }
 }

package/templates/next-base/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};

package/templates/next-base/prisma/migrations/20260612000000_init/migration.sql

@@ -0,0 +1,104 @@
+-- CreateTable
+CREATE TABLE "Role" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "level" INTEGER NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Role_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "User" (
+    "id" TEXT NOT NULL,
+    "email" TEXT,
+    "username" TEXT NOT NULL,
+    "displayUsername" TEXT,
+    "name" TEXT,
+    "image" TEXT,
+    "emailVerified" BOOLEAN NOT NULL DEFAULT false,
+    "requirePasswordChange" BOOLEAN NOT NULL DEFAULT false,
+    "roleId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Example" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Example_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Session" (
+    "id" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "ipAddress" TEXT,
+    "userAgent" TEXT,
+    "userId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Session_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Account" (
+    "id" TEXT NOT NULL,
+    "accountId" TEXT NOT NULL,
+    "providerId" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "accessToken" TEXT,
+    "refreshToken" TEXT,
+    "idToken" TEXT,
+    "accessTokenExpiresAt" TIMESTAMP(3),
+    "refreshTokenExpiresAt" TIMESTAMP(3),
+    "scope" TEXT,
+    "password" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Account_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Verification" (
+    "id" TEXT NOT NULL,
+    "identifier" TEXT NOT NULL,
+    "value" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "createdAt" TIMESTAMP(3) DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3),
+
+    CONSTRAINT "Verification_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Role_name_key" ON "Role"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_username_key" ON "User"("username");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Session_token_key" ON "Session"("token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Account_providerId_accountId_key" ON "Account"("providerId", "accountId");
+
+-- AddForeignKey
+ALTER TABLE "User" ADD CONSTRAINT "User_roleId_fkey" FOREIGN KEY ("roleId") REFERENCES "Role"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Session" ADD CONSTRAINT "Session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Account" ADD CONSTRAINT "Account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;

package/templates/next-base/prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "postgresql"

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

@@ -6,16 +6,30 @@ 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    @unique
-  name          String?
-  image         String?
-  emailVerified Boolean   @default(false)
-  createdAt     DateTime  @default(now())
-  updatedAt     DateTime  @updatedAt
-  sessions      Session[]
-  accounts      Account[]
+  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[]
 }
 
 // Starter demo table for template onboarding only.

package/templates/next-base/public/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <rect width="64" height="64" rx="12" fill="oklch(0.205 0 0)"/>
+  <path d="M18 44V20h10.5c5.2 0 8.5 2.8 8.5 7.2 0 3.1-1.7 5.4-4.5 6.5L38 44h-6.2l-4.8-9.2H24.2V44H18zm6.2-14.8h3.8c2.4 0 3.8-1.2 3.8-3.1s-1.4-3.1-3.8-3.1h-3.8v6.2z" fill="oklch(0.985 0 0)"/>
+</svg>

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/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,14 @@
+import { useTranslations } from "next-intl";
+import { ChangePasswordForm } from "@/features/auth/components/change-password-form";
+
+export default function ChangePasswordPage() {
+  const t = useTranslations("auth.changePasswordPage");
+
+  return (
+    <main className="space-y-3">
+      <h1 className="text-2xl font-semibold">{t("title")}</h1>
+      <p className="text-sm text-muted-foreground">{t("description")}</p>
+      <ChangePasswordForm />
+    </main>
+  );
+}

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+
+export default function AuthRouteLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-4">
+      <div className="w-full max-w-md">{children}</div>
+    </div>
+  );
+}

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/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

@@ -1,10 +1,13 @@
+import { useTranslations } from "next-intl";
 import { SignInForm } from "@/features/auth/components/sign-in-form";
 
 export default function SignInPage() {
+  const t = useTranslations("auth.signInPage");
+
   return (
-    <main style={{ padding: 24 }}>
-      <h1>Sign in</h1>
-      <p>Use your email and password to get access.</p>
+    <main className="space-y-3">
+      <h1 className="text-2xl font-semibold">{t("title")}</h1>
+      <p className="text-sm text-muted-foreground">{t("description")}</p>
       <SignInForm />
     </main>
   );

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

@@ -1,14 +1,18 @@
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 import { AccountPanel } from "@/features/auth/components/account-panel";
+import { Button } from "@/components/ui/button";
 
 export default function AccountPage() {
+  const t = useTranslations("auth.account");
+
   return (
-    <main style={{ padding: 24 }}>
-      <h1>Account</h1>
+    <main className="space-y-4">
+      <h1 className="text-2xl font-semibold">{t("title")}</h1>
       <AccountPanel />
-      <p style={{ marginTop: 16 }}>
-        <Link href="/sign-in">Go to sign in</Link>
-      </p>
+      <Button asChild variant="outline">
+        <Link href="/sign-in">{t("goToSignIn")}</Link>
+      </Button>
     </main>
   );
 }

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

@@ -0,0 +1,17 @@
+import { useTranslations } from "next-intl";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+
+export default function DashboardPage() {
+  const t = useTranslations("common.sidebar");
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t("dashboard")}</CardTitle>
+      </CardHeader>
+      <CardContent className="text-sm text-muted-foreground">
+        Starter dashboard page. Add your own widgets and metrics here.
+      </CardContent>
+    </Card>
+  );
+}

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

@@ -1,9 +1,12 @@
+import { useTranslations } from "next-intl";
 import { ExampleTable } from "@/example/components/example-table";
 
 export default function ExamplePage() {
+  const t = useTranslations("example.page");
+
   return (
-    <main style={{ padding: 24 }}>
-      <h1>Example</h1>
+    <main className="space-y-4">
+      <h1 className="text-2xl font-semibold">{t("title")}</h1>
       <ExampleTable />
     </main>
   );

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/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/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/rbac";
+import prisma from "@/lib/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 });
+}

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

@@ -1,5 +1,6 @@
 import { getRefreshCookieName, refreshCookieOptions } from "@/lib/auth-cookies";
 import { fail, ok } from "@/lib/api-response";
+import prisma from "@/lib/prisma";
 
 const authBaseUrl =
   process.env.BETTER_AUTH_URL ??
@@ -8,21 +9,23 @@ const authBaseUrl =
 
 export async function POST(request: Request) {
   const payload = (await request.json().catch(() => ({}))) as {
-    email?: string;
+    username?: string;
     password?: string;
   };
 
-  if (!payload.email || !payload.password) {
-    return fail("BAD_REQUEST", "Email and password are required.", { status: 400 });
+  if (!payload.username || !payload.password) {
+    return fail("BAD_REQUEST", "Username and password are required.", {
+      status: 400,
+    });
   }
 
-  const signInResponse = await fetch(`${authBaseUrl}/api/auth/sign-in/email`, {
+  const signInResponse = await fetch(`${authBaseUrl}/api/auth/sign-in/username`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
     },
     body: JSON.stringify({
-      email: payload.email,
+      username: payload.username,
       password: payload.password,
     }),
   });
@@ -47,8 +50,15 @@ export async function POST(request: Request) {
   }
 
   const tokenPayload = await tokenResponse.json();
+
+  const dbUser = await prisma.user.findUnique({
+    where: { username: payload.username },
+    select: { requirePasswordChange: true },
+  });
+
   const response = ok({
     accessToken: tokenPayload.token,
+    requirePasswordChange: dbUser?.requirePasswordChange ?? false,
   });
 
   if (cookieHeader) {