@creativault/powerdata-cli 0.0.1

package/template/nextjs_template_monorepo/Dockerfile

@@ -0,0 +1,65 @@
+# ============================================
+# Stage 1: Dependencies
+# ============================================
+FROM node:20-alpine AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+
+# 复制 workspace 配置
+COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
+COPY apps/web/package.json ./apps/web/
+COPY packages/ui/package.json ./packages/ui/
+COPY packages/utils/package.json ./packages/utils/
+
+RUN pnpm install --frozen-lockfile
+
+# ============================================
+# Stage 2: Builder
+# ============================================
+FROM node:20-alpine AS builder
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+
+COPY --from=deps /app/node_modules ./node_modules
+COPY --from=deps /app/apps/web/node_modules ./apps/web/node_modules
+COPY --from=deps /app/packages/ui/node_modules ./packages/ui/node_modules
+COPY --from=deps /app/packages/utils/node_modules ./packages/utils/node_modules
+COPY . .
+
+ARG NEXT_PUBLIC_APP_URL
+ARG NODE_ENV=production
+
+ENV NEXT_PUBLIC_APP_URL=$NEXT_PUBLIC_APP_URL
+ENV NODE_ENV=$NODE_ENV
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN pnpm --filter @repo/web build
+
+# ============================================
+# Stage 3: Runner
+# ============================================
+FROM node:20-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/apps/web/.next/standalone ./
+COPY --from=builder /app/apps/web/.next/static ./apps/web/.next/static
+COPY --from=builder /app/apps/web/public ./apps/web/public
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+CMD ["node", "apps/web/server.js"]

package/template/nextjs_template_monorepo/README.md

@@ -0,0 +1,55 @@
+# Next.js 子应用模板 (Monorepo Sub-App)
+
+用于 Turborepo monorepo 项目中的 Next.js 子应用模板。
+
+## 使用方式
+
+脚手架会将此模板复制到 monorepo 项目的 `apps/` 目录下：
+
+```
+my-monorepo/
+├── apps/
+│   ├── web/              ← 已有应用
+│   └── my-new-app/       ← 由此模板生成
+├── packages/
+│   ├── ui/
+│   └── utils/
+├── turbo.json
+└── package.json
+```
+
+## 模板结构
+
+```
+src/
+├── app/              # App Router 页面
+├── components/       # 应用级组件
+├── config/           # 应用配置
+├── hooks/            # 自定义 Hooks
+├── lib/              # 工具函数
+├── styles/           # 全局样式
+├── test/             # 测试配置
+├── types/            # 类型定义
+├── env.js            # 环境变量验证
+├── middleware.ts      # Next.js 中间件
+└── routes.ts         # 路由配置
+```
+
+## 技术栈
+
+- Next.js 16 (App Router, Standalone Output, Turbopack)
+- React 19
+- TypeScript (Strict Mode)
+- Tailwind CSS v4 + shadcn/ui
+- Biome + ESLint (代码规范)
+- Vitest + Testing Library (测试)
+- @t3-oss/env-nextjs (环境变量验证)
+- Docker (容器化部署)
+
+## 依赖说明
+
+此模板依赖 monorepo 中的共享包：
+- `@repo/ui` — 共享 UI 组件库
+- `@repo/utils` — 共享工具函数
+
+脚手架会根据实际项目的包命名前缀自动替换 `@repo`。

package/template/nextjs_template_monorepo/components.json

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

package/template/nextjs_template_monorepo/eslint.config.mjs

@@ -0,0 +1,16 @@
+import nextCoreWebVitals from 'eslint-config-next/core-web-vitals';
+
+const eslintConfig = [
+  ...nextCoreWebVitals,
+  {
+    ignores: [
+      'node_modules/**',
+      '.next/**',
+      'out/**',
+      'build/**',
+      'next-env.d.ts',
+    ],
+  },
+];
+
+export default eslintConfig;

package/template/nextjs_template_monorepo/next.config.ts

@@ -0,0 +1,38 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  // Standalone output for Docker deployment
+  output: 'standalone',
+
+  devIndicators: false,
+
+  // https://nextjs.org/docs/architecture/nextjs-compiler#remove-console
+  compiler: {
+    // removeConsole: process.env.NODE_ENV === 'production',
+  },
+
+  // 转译 workspace 包
+  transpilePackages: ['@repo/ui', '@repo/utils'],
+
+  experimental: {
+    // 优化大型依赖包的 tree-shaking
+    optimizePackageImports: [
+      'lucide-react',
+      '@radix-ui/react-icons',
+      '@repo/ui',
+    ],
+    // 为 next dev 启用文件系统缓存
+    turbopackFileSystemCacheForDev: true,
+    // 为 next build 启用文件系统缓存
+    turbopackFileSystemCacheForBuild: true,
+  },
+
+  images: {
+    remotePatterns: [
+      // 添加允许的远程图片域名
+      // { protocol: 'https', hostname: 'example.com' },
+    ],
+  },
+};
+
+export default nextConfig;

package/template/nextjs_template_monorepo/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@repo/web",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3000",
+    "build": "next build",
+    "start": "next start",
+    "lint": "biome check .",
+    "lint:next": "next lint",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest --run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest --run --coverage"
+  },
+  "dependencies": {
+    "@repo/ui": "workspace:*",
+    "@repo/utils": "workspace:*",
+    "@t3-oss/env-nextjs": "^0.11.1",
+    "lucide-react": "^0.483.0",
+    "next": "16.1.6",
+    "next-themes": "^0.4.6",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "zod": "^3.24.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@tailwindcss/typography": "^0.5.19",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.1",
+    "@types/node": "^22",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.6",
+    "happy-dom": "^20.3.1",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1",
+    "typescript": "^5.8.3",
+    "vitest": "^4.0.16"
+  }
+}

package/template/nextjs_template_monorepo/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+
+export default config;

package/template/nextjs_template_monorepo/src/app/demo/page.tsx

@@ -0,0 +1,255 @@
+import {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@repo/ui';
+import {
+  ArrowRight,
+  Bell,
+  Check,
+  Heart,
+  Mail,
+  Settings,
+  Shield,
+  Star,
+  Zap,
+} from 'lucide-react';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Demo',
+  description: 'Component showcase and demo page',
+};
+
+export default function DemoPage() {
+  return (
+    <div className="container mx-auto px-4 md:px-8 py-12 space-y-16">
+      {/* Page Header */}
+      <div className="space-y-2">
+        <h1 className="text-3xl font-bold tracking-tight">Component Demo</h1>
+        <p className="text-muted-foreground">
+          A showcase of shared UI components from @repo/ui.
+        </p>
+      </div>
+
+      {/* Buttons Section */}
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Buttons</h2>
+        <div className="flex flex-wrap gap-3">
+          <Button>Default</Button>
+          <Button variant="secondary">Secondary</Button>
+          <Button variant="destructive">Destructive</Button>
+          <Button variant="outline">Outline</Button>
+          <Button variant="ghost">Ghost</Button>
+          <Button variant="link">Link</Button>
+        </div>
+        <div className="flex flex-wrap gap-3">
+          <Button size="sm">Small</Button>
+          <Button size="default">Default</Button>
+          <Button size="lg">Large</Button>
+          <Button size="icon" aria-label="Settings">
+            <Settings className="h-4 w-4" />
+          </Button>
+        </div>
+        <div className="flex flex-wrap gap-3">
+          <Button>
+            <Mail className="mr-2 h-4 w-4" /> Login with Email
+          </Button>
+          <Button variant="outline">
+            <Bell className="mr-2 h-4 w-4" /> Notifications
+          </Button>
+          <Button disabled>Disabled</Button>
+        </div>
+      </section>
+
+      {/* Badges Section */}
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Badges</h2>
+        <div className="flex flex-wrap gap-3">
+          <Badge>Default</Badge>
+          <Badge variant="secondary">Secondary</Badge>
+          <Badge variant="destructive">Destructive</Badge>
+          <Badge variant="outline">Outline</Badge>
+        </div>
+      </section>
+
+      {/* Cards Section */}
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Cards</h2>
+        <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <Zap className="h-5 w-5 text-primary" />
+                Starter
+              </CardTitle>
+              <CardDescription>Perfect for side projects</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="text-3xl font-bold">$0</div>
+              <p className="text-sm text-muted-foreground">Free forever</p>
+              <ul className="mt-4 space-y-2 text-sm">
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> 3 projects
+                </li>
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Basic analytics
+                </li>
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Community support
+                </li>
+              </ul>
+            </CardContent>
+            <CardFooter>
+              <Button className="w-full">Get Started</Button>
+            </CardFooter>
+          </Card>
+
+          <Card className="border-primary">
+            <CardHeader>
+              <div className="flex items-center justify-between">
+                <CardTitle className="flex items-center gap-2">
+                  <Star className="h-5 w-5 text-primary" />
+                  Pro
+                </CardTitle>
+                <Badge>Popular</Badge>
+              </div>
+              <CardDescription>For growing teams</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="text-3xl font-bold">$29</div>
+              <p className="text-sm text-muted-foreground">/month</p>
+              <ul className="mt-4 space-y-2 text-sm">
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Unlimited projects
+                </li>
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Advanced analytics
+                </li>
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Priority support
+                </li>
+              </ul>
+            </CardContent>
+            <CardFooter>
+              <Button className="w-full">
+                Upgrade <ArrowRight className="ml-2 h-4 w-4" />
+              </Button>
+            </CardFooter>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <Shield className="h-5 w-5 text-primary" />
+                Enterprise
+              </CardTitle>
+              <CardDescription>For large organizations</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="text-3xl font-bold">Custom</div>
+              <p className="text-sm text-muted-foreground">Contact us</p>
+              <ul className="mt-4 space-y-2 text-sm">
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Everything in Pro
+                </li>
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> SSO & SAML
+                </li>
+                <li className="flex items-center gap-2">
+                  <Check className="h-4 w-4 text-primary" /> Dedicated support
+                </li>
+              </ul>
+            </CardContent>
+            <CardFooter>
+              <Button variant="outline" className="w-full">
+                Contact Sales
+              </Button>
+            </CardFooter>
+          </Card>
+        </div>
+      </section>
+
+      {/* Typography Section */}
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Typography</h2>
+        <Card>
+          <CardContent className="pt-6 space-y-4">
+            <h1 className="text-4xl font-bold tracking-tight">Heading 1</h1>
+            <h2 className="text-3xl font-semibold tracking-tight">Heading 2</h2>
+            <h3 className="text-2xl font-semibold tracking-tight">Heading 3</h3>
+            <h4 className="text-xl font-semibold tracking-tight">Heading 4</h4>
+            <p className="leading-7">
+              This is a paragraph with <strong>bold text</strong>,{' '}
+              <em>italic text</em>, and{' '}
+              <code className="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm">
+                inline code
+              </code>
+              .
+            </p>
+            <p className="text-sm text-muted-foreground">
+              This is muted text, commonly used for descriptions and secondary
+              information.
+            </p>
+          </CardContent>
+        </Card>
+      </section>
+
+      {/* Color Palette */}
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Color Palette</h2>
+        <div className="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-3">
+          {[
+            {
+              name: 'Primary',
+              bg: 'bg-primary',
+              fg: 'text-primary-foreground',
+            },
+            {
+              name: 'Secondary',
+              bg: 'bg-secondary',
+              fg: 'text-secondary-foreground',
+            },
+            { name: 'Accent', bg: 'bg-accent', fg: 'text-accent-foreground' },
+            { name: 'Muted', bg: 'bg-muted', fg: 'text-muted-foreground' },
+            {
+              name: 'Destructive',
+              bg: 'bg-destructive',
+              fg: 'text-destructive-foreground',
+            },
+            { name: 'Card', bg: 'bg-card', fg: 'text-card-foreground' },
+          ].map((color) => (
+            <div
+              key={color.name}
+              className={`${color.bg} ${color.fg} rounded-lg p-4 text-center text-sm font-medium`}
+            >
+              {color.name}
+            </div>
+          ))}
+        </div>
+      </section>
+
+      {/* Icons */}
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Icons (Lucide)</h2>
+        <div className="flex flex-wrap gap-4">
+          {[Heart, Star, Zap, Shield, Mail, Bell, Settings, Check].map(
+            (Icon, i) => (
+              <div
+                key={i}
+                className="flex h-12 w-12 items-center justify-center rounded-lg border bg-card"
+              >
+                <Icon className="h-5 w-5 text-muted-foreground" />
+              </div>
+            )
+          )}
+        </div>
+      </section>
+    </div>
+  );
+}

package/template/nextjs_template_monorepo/src/app/layout.tsx

@@ -0,0 +1,46 @@
+import { Footer } from '@/components/layout/footer';
+import { Header } from '@/components/layout/header';
+import { ThemeProvider } from '@/components/theme-provider';
+import type { Metadata } from 'next';
+import { Geist, Geist_Mono } from 'next/font/google';
+import '@/styles/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: {
+    default: 'MyApp',
+    template: '%s | MyApp',
+  },
+  description: 'A modern Next.js application',
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} min-h-screen bg-background font-sans antialiased`}
+      >
+        <ThemeProvider>
+          <div className="relative flex min-h-screen flex-col">
+            <Header />
+            <main className="flex-1">{children}</main>
+            <Footer />
+          </div>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}

package/template/nextjs_template_monorepo/src/app/page.tsx

@@ -0,0 +1,102 @@
+import {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@repo/ui';
+import { ArrowRight, Code2, Layers, Palette } from 'lucide-react';
+import Link from 'next/link';
+
+export default function HomePage() {
+  return (
+    <div className="container mx-auto px-4 md:px-8 py-16">
+      {/* Hero */}
+      <section className="flex flex-col items-center text-center space-y-6 py-16">
+        <Badge variant="secondary" className="text-sm">
+          Next.js Monorepo Template
+        </Badge>
+        <h1 className="text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl">
+          Build Something
+          <span className="text-primary"> Amazing</span>
+        </h1>
+        <p className="max-w-[600px] text-lg text-muted-foreground">
+          A clean, modern Next.js monorepo starter with Turborepo, shared
+          packages, Tailwind CSS, shadcn/ui, and dark mode.
+        </p>
+        <div className="flex gap-4">
+          <Button asChild size="lg">
+            <Link href="/demo">
+              View Demo <ArrowRight className="ml-2 h-4 w-4" />
+            </Link>
+          </Button>
+          <Button variant="outline" size="lg" asChild>
+            <a
+              href="https://nextjs.org/docs"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Documentation
+            </a>
+          </Button>
+        </div>
+      </section>
+
+      {/* Features */}
+      <section className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3 py-16">
+        <Card>
+          <CardHeader>
+            <Code2 className="h-10 w-10 text-primary mb-2" />
+            <CardTitle>Monorepo Architecture</CardTitle>
+            <CardDescription>
+              Turborepo + pnpm workspaces with shared packages for UI components
+              and utilities.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <p className="text-sm text-muted-foreground">
+              @repo/ui and @repo/utils packages ready to use across multiple
+              apps.
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <Palette className="h-10 w-10 text-primary mb-2" />
+            <CardTitle>Theme System</CardTitle>
+            <CardDescription>
+              shadcn/ui design tokens with light and dark mode support out of
+              the box.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <p className="text-sm text-muted-foreground">
+              CSS variables based theming with oklch colors for consistent,
+              accessible design.
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <Layers className="h-10 w-10 text-primary mb-2" />
+            <CardTitle>Shared Components</CardTitle>
+            <CardDescription>
+              Pre-built Button, Card, Badge components in @repo/ui, easily
+              extensible.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <p className="text-sm text-muted-foreground">
+              Biome for linting and formatting, TypeScript strict mode,
+              consistent code quality.
+            </p>
+          </CardContent>
+        </Card>
+      </section>
+    </div>
+  );
+}

package/template/nextjs_template_monorepo/src/components/layout/footer.tsx

@@ -0,0 +1,11 @@
+export function Footer() {
+  return (
+    <footer className="border-t py-6 md:py-0">
+      <div className="container flex flex-col items-center justify-between gap-4 md:h-14 md:flex-row px-4 md:px-8">
+        <p className="text-sm text-muted-foreground">
+          Built with Next.js & Tailwind CSS
+        </p>
+      </div>
+    </footer>
+  );
+}