create-lve 0.2.7 → 0.2.9

package/index.js

@@ -24,62 +24,19 @@ export function App() {
   return (
     <div className="max-w-7xl mx-auto p-8 text-center font-sans antialiased text-[#213547] dark:text-zinc-200 min-h-dvh flex flex-col justify-center items-center">
       <div className="flex justify-center gap-12 mb-12">
-        <a
-          href="https://viteplus.dev"
-          target="_blank"
-          rel="noreferrer"
-          className="transition-all duration-300 hover:drop-shadow-[0_0_2em_#646cffaa]"
-        >
+        <a href="https://viteplus.dev" target="_blank" rel="noreferrer" className="transition-all duration-300 hover:drop-shadow-[0_0_2em_#646cffaa]">
           <img src="/favicon.svg" className="h-24 p-6" alt="VitePlus logo" />
         </a>
-        <a
-          href="https://react.dev"
-          target="_blank"
-          rel="noreferrer"
-          className="transition-all duration-300 hover:drop-shadow-[0_0_2em_#61dafbaa]"
-        >
-          <img
-            src={reactLogo}
-            className="h-24 p-6 ${logoClass}"
-            alt="React logo"
-          />
+        <a href="https://react.dev" target="_blank" rel="noreferrer" className="transition-all duration-300 hover:drop-shadow-[0_0_2em_#61dafbaa]">
+          <img src={reactLogo} className="h-24 p-6 ${logoClass}" alt="React logo" />
         </a>
       </div>
-
       <h1 className="text-5xl font-bold leading-[1.1] mb-8">VitePlus + React</h1>
-
       <div className="p-8 space-y-4 flex flex-col items-center">
-        <button
-          onClick={() => setCount((count) => count + 1)}
-          className="rounded-lg border border-transparent px-5 py-2.5 text-base font-medium bg-[#f9f9f9] dark:bg-zinc-800 cursor-pointer transition-colors hover:border-[#646cff] outline-none"
-        >
+        <button onClick={() => setCount((count) => count + 1)} className="rounded-lg border border-transparent px-5 py-2.5 text-base font-medium bg-[#f9f9f9] dark:bg-zinc-800 cursor-pointer transition-colors hover:border-[#646cff] outline-none">
           count is {count}
         </button>
-        <p className="text-zinc-500">
-          Edit{' '}
-          <code className="bg-[#f1f1f1] dark:bg-zinc-800 px-1.5 py-0.5 rounded font-mono">
-            src/App.tsx
-          </code>{' '}
-          to test HMR
-        </p>
       </div>
-
-      <p className="text-[#888] mt-8">
-        Check out{' '}
-        <a
-          href="https://github.com/voidzero-dev/vite-plus"
-          target="_blank"
-          rel="noreferrer"
-          className="font-medium text-[#646cff] hover:text-[#535bf2]"
-        >
-          VitePlus
-        </a>
-        , the unified toolchain for the web.
-      </p>
-
-      <p className="text-[#888] mt-4 text-sm">
-        Click on the VitePlus and React logos to learn more
-      </p>
     </div>
   )
 }
@@ -93,87 +50,65 @@ async function main() {
     ${pc.cyan('█    █  █ █▀▀ ')} 
     ${pc.cyan('█▄▄▄  ▀▄▀ █▄▄▄')}  ${pc.gray('THE ULTRA-FAST FRONTEND STACK')}
   `
-
   console.log(logo)
   p.intro(`${pc.bgCyan(pc.black(' LVE-CLI '))}`)
 
-  const project = await p.group(
-    {
-      path: () =>
-        p.text({
-          message: '项目名称',
-          placeholder: 'react-app',
-          defaultValue: 'react-app',
-          validate: (value) => {
-            if (!value || value.length === 0) return
-            if (value.match(/[<>:"|?*]/)) return '路径包含非法字符'
-          },
-        }),
-      shouldOverwrite: ({ results }) => {
-        const targetDir = path.resolve(process.cwd(), results.path)
-        if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
-          return p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
-        }
+  const project = await p.group({
+    path: () => p.text({
+      message: '项目名称',
+      placeholder: 'my-app',
+      defaultValue: 'my-app',
+      validate: (value) => {
+        if (!value || value.length === 0) return
+        if (value.match(/[<>:"|?*]/)) return '路径包含非法字符'
       },
-      framework: () =>
-        p.select({
-          message: '选择框架',
-          options: [
-            { value: 'react', label: 'React 19', hint: 'VitePlus + Compiler' },
-            { value: 'next', label: 'Next.js 16', hint: 'Oxc + Server Components (Fullstack)' },
-            { value: 'vue', label: 'Vue 3', hint: 'VitePlus + Optimized' },
-          ],
-        }),
-      cssEngine: ({ results }) =>
-        results.framework === 'next' ?
-          undefined :
-          p.select(
-            {
-              message: '选择 CSS 引擎',
-              options: [
-                {
-                  value: 'tailwind',
-                  label: 'Tailwind v4',
-                  hint: '🛡️ 装甲级稳定：v4 引擎重构，完美适配所有主流 UI 库',
-                },
-                {
-                  value: 'unocss',
-                  label: 'UnoCSS',
-                  hint: '⚡️ 战机级性能：动态代码注入，实现源码级‘无感’混淆',
-                },
-              ],
-            }),
-      install: () =>
-        p.confirm({
-          message: '是否现在自动安装依赖？',
-          initialValue: true,
-        }),
+    }),
+    shouldOverwrite: ({ results }) => {
+      const targetDir = path.resolve(process.cwd(), results.path)
+      if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
+        return p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
+      }
     },
-    {
-      onCancel: () => {
-        p.cancel('操作取消')
-        process.exit(0)
-      },
+    framework: () => p.select({
+      message: '选择框架',
+      options: [
+        { value: 'next', label: 'Next.js 16', hint: 'React 19 + Tailwind v4 + Base UI' },
+        { value: 'react', label: 'React 19', hint: 'VitePlus + Compiler' },
+        { value: 'vue', label: 'Vue 3', hint: 'VitePlus + Optimized' },
+      ],
+    }),
+    cssEngine: ({ results }) => {
+      if (results.framework === 'next') return;
+      p.select({
+        message: '选择 CSS',
+        options: [
+          { value: 'unocss', label: 'UnoCSS', hint: '⚡️ 战机级性能' },
+          { value: 'tailwind', label: 'Tailwind v4', hint: '🛡️ 装甲级稳定' },
+        ],
+      })
     },
-  )
-
+    install: () => p.confirm({ message: '是否现在自动安装依赖？', initialValue: true }),
+  }, {
+    onCancel: () => { p.cancel('操作取消'); process.exit(0) }
+  })
   if (!project) process.exit(0)
 
   const targetDir = path.resolve(process.cwd(), project.path)
   const templateDir = path.resolve(__dirname, `template-${project.framework}`)
+  const isNext = project.framework === 'next'
   const isUno = project.cssEngine === 'unocss'
   const s = p.spinner()
 
-  const checkVp = () => {
+  if (!isNext) {
     try {
       execSync('vp --version', { stdio: 'ignore' })
     } catch {
       p.log.error(pc.red('未检测到 VitePlus (vp) 环境'))
       p.note(
         pc.white(
-          `请先安装 vp 工具链:\n${pc.cyan('npm install -g @voidzero-dev/vite-plus')}`
+          `React/Vue 模板依赖 vp 工具链:\n${pc.cyan('https://viteplus.dev/guide')}`
         ),
-        '环境缺失',
+        '环境缺失'
       )
       process.exit(1)
     }
@@ -184,12 +119,11 @@ async function main() {
   try {
     if (project.shouldOverwrite) await fs.emptyDir(targetDir)
     else await fs.ensureDir(targetDir)
-
     await fs.copy(templateDir, targetDir)
 
-    try {
-      execSync('git init', { cwd: targetDir, stdio: 'ignore' })
-    } catch { }
+    await fs.remove(path.join(targetDir, 'pnpm-workspace.yaml'))
+
+    try { execSync('git init', { cwd: targetDir, stdio: 'ignore' }) } catch { }
 
     const oldGit = path.join(targetDir, '_gitignore')
     if (fs.existsSync(oldGit)) await fs.move(oldGit, path.join(targetDir, '.gitignore'))
@@ -198,73 +132,49 @@ async function main() {
     const pkg = await fs.readJson(pkgPath)
     pkg.name = path.basename(targetDir)
 
-    // ================= Next.js 分支逻辑 =================
-    if (project.framework === 'next') {
-      await fs.writeJson(pkgPath, pkg, { spaces: 2 })
-
-      s.message(pc.green('检测到全栈环境，正在执行 pnpm install'))
-
-      const installCmd = 'pnpm'
-      try {
-        execSync(`${installCmd} install`, { cwd: targetDir, stdio: 'ignore' })
-
-        s.message(pc.green('使用 oxfmt 优化全栈代码结构'))
-        execSync(`${installCmd} fmt`, { cwd: targetDir, stdio: 'ignore' })
-
-        s.stop(pc.green('Next.js 全栈环境装配就绪'))
-      } catch {
-        s.stop(pc.red('依赖安装失败，请进入目录后手动安装'))
-      }
-
-      p.note(pc.cyan(`cd ${project.path}\npnpm dev`), '快速开始')
-      p.outro(pc.magenta('✨ 极致全栈环境已就绪!'))
-      return
-    }
-
-    checkVp()
-
     if (isUno) {
       pkg.devDependencies['unocss'] = 'latest'
     } else {
       pkg.devDependencies['tailwindcss'] = 'latest'
-      pkg.devDependencies['@tailwindcss/vite'] = 'latest'
+      if (!isNext) pkg.devDependencies['@tailwindcss/vite'] = 'latest'
     }
 
-    pkg.pnpm = {
-      ...pkg.pnpm,
-      overrides: {
-        ...pkg.pnpm?.overrides,
-        vite: 'npm:@voidzero-dev/vite-plus-core@latest',
-        vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
-      },
+    if (!isNext) {
+      pkg.pnpm = {
+        ...pkg.pnpm,
+        overrides: {
+          vite: 'npm:@voidzero-dev/vite-plus-core@latest',
+          vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
+        },
+      }
     }
     await fs.writeJson(pkgPath, pkg, { spaces: 2 })
 
-    const mainFile = project.framework === 'vue' ? 'src/main.ts' : 'src/main.tsx'
-    const mainPath = path.join(targetDir, mainFile)
-    const viteConfigPath = path.join(targetDir, 'vite.config.ts')
-    const stylePath = path.join(targetDir, 'src/style.css')
-
-    let mainContent = await fs.readFile(mainPath, 'utf-8')
-    let viteContent = await fs.readFile(viteConfigPath, 'utf-8')
-
-    const appFile = project.framework === 'vue' ? 'src/App.vue' : 'src/App.tsx'
-    const appPath = path.join(targetDir, appFile)
-
-    if (project.framework === 'react') {
-      await fs.writeFile(appPath, getReactAppTemplate(isUno))
-    }
+    if (isNext) {
+      s.message(pc.green('检测到 Next.js 架构，正在同步核心配置...'))
+    } else {
+      const mainFile = project.framework === 'vue' ? 'src/main.ts' : 'src/main.tsx'
+      const mainPath = path.join(targetDir, mainFile)
+      const viteConfigPath = path.join(targetDir, 'vite.config.ts')
+      const stylePath = path.join(targetDir, 'src/style.css')
+      const appFile = project.framework === 'vue' ? 'src/App.vue' : 'src/App.tsx'
+      const appPath = path.join(targetDir, appFile)
+
+      let mainContent = await fs.readFile(mainPath, 'utf-8')
+      let viteContent = await fs.readFile(viteConfigPath, 'utf-8')
+
+      if (project.framework === 'react') {
+        await fs.writeFile(appPath, getReactAppTemplate(isUno))
+      }
 
-    const pluginCode = isUno ? 'UnoCSS()' : 'tailwindcss()'
-    const pluginImport = isUno
-      ? "import UnoCSS from 'unocss/vite'\n"
-      : "import tailwindcss from '@tailwindcss/vite'\n"
+      const pluginCode = isUno ? 'UnoCSS()' : 'tailwindcss()'
+      const pluginImport = isUno ? "import UnoCSS from 'unocss/vite'\n" : "import tailwindcss from '@tailwindcss/vite'\n"
 
-    viteContent = pluginImport + viteContent
-    viteContent = viteContent.replace('/* VITE_PLUS_PLUGINS */', `${pluginCode}, `)
+      viteContent = pluginImport + viteContent
+      viteContent = viteContent.replace('/* VITE_PLUS_PLUGINS */', `${pluginCode}, `)
 
-    if (isUno) {
-      const unoConfig = `import { defineConfig, presetWind3, transformerCompileClass } from 'unocss'
+      if (isUno) {
+        const unoConfig = `import { defineConfig, presetWind3, transformerCompileClass } from 'unocss'
 
 export default defineConfig({
   presets: [presetWind3()],
@@ -290,59 +200,52 @@ export default defineConfig({
     }),
   ],
 })\n`
-      await fs.writeFile(path.join(targetDir, 'uno.config.ts'), unoConfig)
 
-      mainContent = `import 'virtual:uno.css'\n` + mainContent
-      if (fs.existsSync(stylePath)) await fs.remove(stylePath)
-    } else {
-      await fs.writeFile(stylePath, `@import "tailwindcss";`)
-      mainContent = `import './style.css'\n` + mainContent
-    }
+        await fs.writeFile(path.join(targetDir, 'uno.config.ts'), unoConfig)
 
-    await fs.writeFile(mainPath, mainContent)
-    await fs.writeFile(viteConfigPath, viteContent)
+        mainContent = `import 'virtual:uno.css'\n` + mainContent
+        if (fs.existsSync(stylePath)) await fs.remove(stylePath)
+      } else {
+        await fs.writeFile(stylePath, `@import "tailwindcss";`)
+        mainContent = `import './style.css'\n` + mainContent
+      }
+      await fs.writeFile(mainPath, mainContent)
+      await fs.writeFile(viteConfigPath, viteContent)
+    }
 
     const toRemove = ['pnpm-lock.yaml', 'node_modules', 'dist']
     await Promise.all(toRemove.map((file) => fs.remove(path.join(targetDir, file))))
 
-    s.message(pc.green('架构装配完成，正在执行 vp install'))
-
-    try {
-      await new Promise((resolve, reject) => {
-        const child = spawn('vp', ['install'], {
-          cwd: targetDir,
-          stdio: 'pipe',
-          shell: process.platform === 'win32',
-        })
-
-        child.on('close', (code) => {
-          if (code === 0) resolve()
-          else reject(new Error(`Exit code: ${code}`))
-        })
-      })
-
-      s.message(pc.green('正在执行 vp fmt 优化代码结构'))
-      await new Promise((resolve) => setTimeout(resolve, 500))
+    const pkgManager = isNext ? 'pnpm' : 'vp'
+    const devCmd = isNext ? 'pnpm dev' : 'vp dev'
+    const fmtCmd = isNext ? 'pnpm fmt' : 'vp fmt'
 
+    if (project.install) {
+      s.message(pc.green(`正在执行 ${pkgManager} install...`))
       try {
-        execSync('vp fmt', { cwd: targetDir, stdio: 'ignore' })
-      } catch { }
+        await new Promise((resolve, reject) => {
+          const child = spawn(pkgManager, ['install'], {
+            cwd: targetDir,
+            stdio: 'ignore',
+            shell: process.platform === 'win32',
+          })
+          child.on('close', (code) => code === 0 ? resolve() : reject())
+        })
 
-      s.stop(pc.green('全套环境装配就绪'))
-    } catch {
-      s.stop(pc.red('自动安装失败'))
-      p.log.warn('请进入目录后手动尝试执行 vp install')
+        s.message(pc.green(`正在执行 ${fmtCmd} 优化代码结构`))
+        await new Promise((r) => setTimeout(r, 500))
+        try { execSync(fmtCmd, { cwd: targetDir, stdio: 'ignore' }) } catch { }
+      } catch (err) {
+        p.log.warn('自动安装失败，请手动执行安装')
+      }
     }
 
-    const nextSteps = project.install
-      ? `cd ${project.path}\nvp dev`
-      : `cd ${project.path}\nvp install\nvp dev`
+    s.stop(pc.green('全套环境装配就绪'))
 
+    const nextSteps = project.install ? `cd ${project.path}\n${devCmd}` : `cd ${project.path}\n${pkgManager} install\n${devCmd}`
     p.note(pc.cyan(nextSteps), '快速开始')
-    p.outro(
-      `${pc.magenta('✨ 已经为你准备好了极致的开发环境!')}\n` +
-      `${pc.gray(`==== ${project.framework} + ${project.cssEngine} ====`)}`,
-    )
+    p.outro(pc.magenta('✨ 已经为你准备好了极致的开发环境!'))
+
   } catch (err) {
     s.stop(pc.red('手术失败'))
     console.error(err)
@@ -350,4 +253,4 @@ export default defineConfig({
   }
 }
 
-main()
+main()

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "create-lve",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "bin": {
     "create-lve": "index.js"
   },
   "files": [
     "index.js",
     "template-react",
+    "template-next",
     "template-vue"
   ],
   "type": "module",

package/template-next/.oxfmtrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "ignorePatterns": [],
+  "semi": false,
+  "singleQuote": true
+}

package/template-next/.oxlintrc.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "unicorn", "oxc"],
+  "categories": {
+    "correctness": "error"
+  },
+  "rules": {},
+  "env": {
+    "builtin": true
+  }
+}

package/template-next/.vscode/settings.json

@@ -0,0 +1,77 @@
+{
+  // ==================== Formatter (OXC) ====================
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+  "oxc.enable.oxfmt": true,
+
+  // 语言特定 Formatter
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[tailwindcss]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+
+  // ==================== Next.js 专用 ====================
+  "workbench.editor.customLabels.patterns": {
+    "**/app/**/layout.{js,jsx,ts,tsx}": "${dirname}/layout",
+    "**/app/**/page.{js,jsx,ts,tsx}": "${dirname}/page",
+    "**/app/**/route.{js,jsx,ts,tsx}": "${dirname}/route",
+    "**/app/**/loading.{js,jsx,ts,tsx}": "${dirname}/loading",
+    "**/app/**/template.{js,jsx,ts,tsx}": "${dirname}/template",
+    "**/app/**/default.{js,jsx,ts,tsx}": "${dirname}/default",
+    "**/app/**/error.{js,jsx,ts,tsx}": "${dirname}/error",
+    "**/app/**/not-found.{js,jsx,ts,tsx}": "${dirname}/not-found"
+  },
+
+  // ==================== TypeScript（解决 Next.js TS 问题）===================
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
+  // ==================== Tailwind + shadcn/ui（强烈推荐）===================
+  "tailwindCSS.experimental.classRegex": [["cn\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]],
+  "tailwindCSS.includeLanguages": {
+    "typescript": "html",
+    "typescriptreact": "html"
+  },
+  "editor.quickSuggestions": {
+    "strings": "on"
+  },
+
+  // ==================== 其他项目通用 ====================
+  "git.openRepositoryInParentFolders": "always",
+  "js/ts.updateImportsOnFileMove.enabled": "always",
+  "diffEditor.ignoreTrimWhitespace": true,
+  "diffEditor.hideUnchangedRegions.enabled": true,
+
+  "editor.codeActionsOnSave": {
+    "source.format.oxc": "always"
+  },
+  "editor.inlayHints.enabled": "on",
+  "js/ts.tsdk.path": "node_modules/typescript/lib"
+}

package/template-next/README.md

@@ -0,0 +1,48 @@
+# ⚡️ ox-next-blank
+
+这是一个为 **2026 前端标准**打造的极致极简 Next.js 模板。拒绝冗余，拒绝手动优化，追求工具链的瞬时反馈。
+
+## 🚀 核心技术栈
+
+- **Framework:** [Next.js 16.2](https://nextjs.org/) (App Router)
+- **Runtime:** [React 19.2](https://react.dev/) + **React Compiler** (自动 Memoization)
+- **Toolchain:** [Oxc](https://oxc.rs/) (Oxlint & Oxfmt) - **比 Prettier/ESLint 快 50~100 倍**
+- **Styling:** [Tailwind CSS 4](https://tailwindcss.com/) + **OKLCH** 颜色系统
+- **UI Components:** [Base UI](https://base-ui.com/) + [Shadcn UI](https://ui.shadcn.com/)
+- **Icons:** [Hugeicons](https://hugeicons.com/) (Free Version) & Lucide
+
+## ✨ 特性
+
+- **Zero-Manual-Memo:** 依靠 React Compiler，彻底告别 `useMemo` 和 `useCallback`，代码回归纯粹逻辑。
+- **Instant DX:** 依托 Rust 驱动的 Oxc，保存即格式化，检查即瞬间，再无等待感。
+- **Hybrid Dashboard:** 预设 RSC 示例，内置开发环境专用的 `DevBoundary` 高亮（生产环境自动剔除）。
+- **Modern Aesthetic:** 极致的“陶瓷白”视觉风格，基于 CSS 变量的动态主题切换。
+
+## 🛠 常用命令
+
+| 命令         | 说明                          | 性能表现 (参考) |
+| :----------- | :---------------------------- | :-------------- |
+| `pnpm dev`   | 启动 Next.js 开发服务器       | -               |
+| `pnpm fmt`   | 使用 **oxfmt** 格式化全量代码 | **~80ms**       |
+| `pnpm lint`  | 使用 **oxlint** 执行静态检查  | **~4ms**        |
+| `pnpm build` | 生产环境构建                  | -               |
+
+## 📁 目录结构
+
+```text
+.
+├── app/               # Next.js App Router 核心
+├── components/        # UI 组件 (Shadcn + Base UI)
+├── lib/
+│   └── utils.ts       # 核心工具函数 (cn, twMerge)
+├── next.config.ts     # 开启 React Compiler 配置
+└── package.json       # 基于 Oxc 的极致脚本定义
+```
+
+## 📝 开发备忘录
+
+RSC 可视化: 开发模式下会自动显示 rsc-boundary 高亮，通过 components/DevBoundary 逻辑在 build 时自动安全剥离。
+
+## License: MIT
+
+## Created by: ieuforu (2026)

package/template-next/_gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

package/template-next/app/globals.css

@@ -0,0 +1,130 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import 'shadcn/tailwind.css';
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-geist-mono);
+  --font-heading: var(--font-sans);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.153 0.006 107.1);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.153 0.006 107.1);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.153 0.006 107.1);
+  --primary: oklch(0.228 0.013 107.4);
+  --primary-foreground: oklch(0.988 0.003 106.5);
+  --secondary: oklch(0.966 0.005 106.5);
+  --secondary-foreground: oklch(0.228 0.013 107.4);
+  --muted: oklch(0.966 0.005 106.5);
+  --muted-foreground: oklch(0.58 0.031 107.3);
+  --accent: oklch(0.966 0.005 106.5);
+  --accent-foreground: oklch(0.228 0.013 107.4);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.93 0.007 106.5);
+  --input: oklch(0.93 0.007 106.5);
+  --ring: oklch(0.737 0.021 106.9);
+  --chart-1: oklch(0.809 0.105 251.813);
+  --chart-2: oklch(0.623 0.214 259.815);
+  --chart-3: oklch(0.546 0.245 262.881);
+  --chart-4: oklch(0.488 0.243 264.376);
+  --chart-5: oklch(0.424 0.199 265.638);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.988 0.003 106.5);
+  --sidebar-foreground: oklch(0.153 0.006 107.1);
+  --sidebar-primary: oklch(0.228 0.013 107.4);
+  --sidebar-primary-foreground: oklch(0.988 0.003 106.5);
+  --sidebar-accent: oklch(0.966 0.005 106.5);
+  --sidebar-accent-foreground: oklch(0.228 0.013 107.4);
+  --sidebar-border: oklch(0.93 0.007 106.5);
+  --sidebar-ring: oklch(0.737 0.021 106.9);
+}
+
+.dark {
+  --background: oklch(0.153 0.006 107.1);
+  --foreground: oklch(0.988 0.003 106.5);
+  --card: oklch(0.228 0.013 107.4);
+  --card-foreground: oklch(0.988 0.003 106.5);
+  --popover: oklch(0.228 0.013 107.4);
+  --popover-foreground: oklch(0.988 0.003 106.5);
+  --primary: oklch(0.93 0.007 106.5);
+  --primary-foreground: oklch(0.228 0.013 107.4);
+  --secondary: oklch(0.286 0.016 107.4);
+  --secondary-foreground: oklch(0.988 0.003 106.5);
+  --muted: oklch(0.286 0.016 107.4);
+  --muted-foreground: oklch(0.737 0.021 106.9);
+  --accent: oklch(0.286 0.016 107.4);
+  --accent-foreground: oklch(0.988 0.003 106.5);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.58 0.031 107.3);
+  --chart-1: oklch(0.809 0.105 251.813);
+  --chart-2: oklch(0.623 0.214 259.815);
+  --chart-3: oklch(0.546 0.245 262.881);
+  --chart-4: oklch(0.488 0.243 264.376);
+  --chart-5: oklch(0.424 0.199 265.638);
+  --sidebar: oklch(0.228 0.013 107.4);
+  --sidebar-foreground: oklch(0.988 0.003 106.5);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.988 0.003 106.5);
+  --sidebar-accent: oklch(0.286 0.016 107.4);
+  --sidebar-accent-foreground: oklch(0.988 0.003 106.5);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.58 0.031 107.3);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html {
+    @apply font-sans;
+  }
+}

package/template-next/app/layout.tsx

@@ -0,0 +1,35 @@
+import type { Metadata } from 'next'
+import { Roboto } from 'next/font/google'
+import './globals.css'
+import { cn } from '@/lib/utils'
+import { RscBoundaryProvider } from 'rsc-boundary'
+
+const roboto = Roboto({ subsets: ['latin'], variable: '--font-sans' })
+
+export const metadata: Metadata = {
+  title: 'Next.js App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  const isDev = process.env.NODE_ENV === 'development'
+
+  if (!isDev) {
+    return (
+      <html lang="en" className={cn('h-full', 'antialiased', 'font-sans', roboto.variable)}>
+        <body className="min-h-full flex flex-col">{children}</body>
+      </html>
+    )
+  }
+  return (
+    <html lang="en" className={cn('h-full', 'antialiased', 'font-sans', roboto.variable)}>
+      <body className="min-h-full flex flex-col">
+        <RscBoundaryProvider>{children}</RscBoundaryProvider>
+      </body>
+    </html>
+  )
+}

package/template-next/app/page.tsx

@@ -0,0 +1,32 @@
+import { DevBoundary } from '@/components/DevBoundary'
+import Counter from '../components/Counter'
+
+export default function Home() {
+  const isDev = process.env.NODE_ENV === 'development'
+
+  const content = (
+    <div className="relative group max-w-lg w-full p-10 rounded-[2.5rem] bg-white border border-slate-100 shadow-[0_12px_40px_rgb(0,0,0,0.03)]">
+      <div className="relative z-10">
+        <header className="mb-8">
+          <span className="inline-flex items-center gap-1.5 px-3 py-1 text-[11px] font-medium bg-slate-100 text-slate-500 rounded-full border border-slate-200">
+            <span className="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
+            Server Side Rendered
+          </span>
+          <p className="mt-4 text-slate-600 leading-relaxed max-w-md">
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur in inventore
+            veniam voluptatem repellat quisquam nisi quasi sequi hic officia, soluta quibusdam aut,
+            molestias unde recusandae, consectetur impedit doloremque aspernatur?
+          </p>
+        </header>
+
+        <Counter />
+      </div>
+    </div>
+  )
+
+  return (
+    <main className="min-h-screen bg-slate-50/50 flex items-center justify-center p-6 antialiased">
+      {isDev ? <DevBoundary label="Server Boundary Demo">{content}</DevBoundary> : content}
+    </main>
+  )
+}

package/template-next/components/Counter.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+
+export default function Counter() {
+  const [count, setCount] = useState(0)
+
+  const onIncrement = () => setCount((prev) => prev + 1)
+  const onDecrement = () => setCount((prev) => prev - 1)
+  const onReset = () => setCount(0)
+
+  return (
+    <div className="p-6 bg-white border border-slate-100 rounded-3xl">
+      <div className="flex flex-col items-center gap-6">
+        <h3 className="text-6xl font-black tracking-tighter text-slate-900">{count}</h3>
+
+        <div className="flex gap-3">
+          <Button disabled={count === 0} onClick={onDecrement} variant="outline" size="lg">
+            Decrement
+          </Button>
+
+          <Button onClick={onIncrement} size="lg">
+            Increment
+          </Button>
+        </div>
+
+        <button
+          onClick={onReset}
+          className="text-xs font-bold text-slate-400 hover:text-slate-900 transition-colors uppercase tracking-widest"
+        >
+          Reset
+        </button>
+      </div>
+    </div>
+  )
+}

package/template-next/components/DevBoundary.tsx

@@ -0,0 +1,14 @@
+import { RscServerBoundaryMarker } from 'rsc-boundary'
+
+interface DevBoundaryProps {
+  children: React.ReactNode
+  label: string
+}
+
+export function DevBoundary({ children, label }: DevBoundaryProps) {
+  if (process.env.NODE_ENV !== 'development') {
+    return <>{children}</>
+  }
+
+  return <RscServerBoundaryMarker label={label}>{children}</RscServerBoundaryMarker>
+}

package/template-next/components/ui/button.tsx

@@ -0,0 +1,58 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+import { cn } from '@/lib/utils'
+
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
+        outline:
+          'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
+        ghost:
+          'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',
+        destructive:
+          'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default:
+          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
+        icon: 'size-8',
+        'icon-xs':
+          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        'icon-sm':
+          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
+        'icon-lg': 'size-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
+
+function Button({
+  className,
+  variant = 'default',
+  size = 'default',
+  ...props
+}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
+  return (
+    <ButtonPrimitive
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }

package/template-next/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "olive",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "hugeicons",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default-translucent",
+  "menuAccent": "subtle",
+  "registries": {}
+}

package/template-next/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+import nextVitals from 'eslint-config-next/core-web-vitals'
+import nextTs from 'eslint-config-next/typescript'
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    '.next/**',
+    'out/**',
+    'build/**',
+    'next-env.d.ts',
+  ]),
+])
+
+export default eslintConfig

package/template-next/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/template-next/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/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/template-next/next.config.ts

@@ -0,0 +1,12 @@
+import type { NextConfig } from 'next'
+
+const isDev = process.env.NODE_ENV === 'development'
+
+const nextConfig: NextConfig = {
+  reactCompiler: true,
+  env: {
+    ENABLE_RSC_VISUALIZER: isDev ? 'true' : 'false',
+  },
+}
+
+export default nextConfig

package/template-next/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "my-app",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.4.1",
+    "@hugeicons/core-free-icons": "^4.1.1",
+    "@hugeicons/react": "^1.1.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "next": "16.2.4",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "rsc-boundary": "^0.2.0",
+    "shadcn": "^4.4.0",
+    "tailwind-merge": "^3.5.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "oxfmt": "^0.46.0",
+    "oxlint": "^1.61.0",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

package/template-next/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+ignoredBuiltDependencies:
+  - sharp
+  - unrs-resolver

package/template-next/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
+
+export default config

package/template-next/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/template-next/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/template-next/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/template-next/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/template-next/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/template-next/tsconfig.json

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

package/template-react/.vscode/settings.json

@@ -37,6 +37,22 @@
     "editor.defaultFormatter": "oxc.oxc-vscode"
   },
 
+  // ==================== Next.js 专用 ====================
+  "workbench.editor.customLabels.patterns": {
+    "**/app/**/layout.{js,jsx,ts,tsx}": "${dirname}/layout",
+    "**/app/**/page.{js,jsx,ts,tsx}": "${dirname}/page",
+    "**/app/**/route.{js,jsx,ts,tsx}": "${dirname}/route",
+    "**/app/**/loading.{js,jsx,ts,tsx}": "${dirname}/loading",
+    "**/app/**/template.{js,jsx,ts,tsx}": "${dirname}/template",
+    "**/app/**/default.{js,jsx,ts,tsx}": "${dirname}/default",
+    "**/app/**/error.{js,jsx,ts,tsx}": "${dirname}/error",
+    "**/app/**/not-found.{js,jsx,ts,tsx}": "${dirname}/not-found"
+  },
+
+  // ==================== TypeScript（解决 Next.js TS 问题）===================
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
   // ==================== Tailwind + shadcn/ui（强烈推荐）===================
   "tailwindCSS.experimental.classRegex": [["cn\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]],
   "tailwindCSS.includeLanguages": {