@lark-apaas/coding-templates 0.1.0

package/LICENSE

@@ -0,0 +1,13 @@
+MIT License
+
+Copyright (c) 2024 Lark Technologies Pte. Ltd. and/or its affiliates
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,provided that the above copyright notice and this permission notice appear in all copies.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE
+INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO
+EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR
+CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
+DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS
+ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,128 @@
+# @lark-apaas/coding-templates
+
+OpenClaw 项目模板包，供 mclaw CLI 使用。
+
+## 模板列表
+
+| 模板 | 目录 | 说明 |
+|---|---|---|
+| html | `template-html/` | 纯 HTML，零依赖，原型验证 |
+| nextjs-static | `template-nextjs-static/` | Next.js Pages Router，静态导出，纯前端 |
+| nextjs-fullstack | `template-nextjs-fullstack/` | Next.js App Router + Drizzle + PostgreSQL，全栈 |
+
+## 包结构
+
+```
+template/
+├── package.json                  # npm 包定义（@lark-apaas/coding-templates）
+├── meta.json                     # 模板元数据（业务侧生成，名称/描述/特性标签）
+├── template-html/
+│   ├── _gitignore
+│   ├── package.json              # mclaw.type: "html"
+│   └── index.html
+├── template-nextjs-static/
+│   ├── _gitignore                # CLI 复制时重命名为 .gitignore
+│   ├── package.json              # mclaw.type: "nextjs-static"，name 为 {{projectName}}
+│   ├── tailwind.config.ts
+│   ├── eslint.config.js
+│   ├── postcss.config.js
+│   ├── components.json
+│   └── src/
+│       ├── pages/                # Pages Router 路由
+│       ├── components/ui/        # shadcn/ui 58 个组件
+│       ├── hooks/
+│       ├── lib/
+│       └── styles/globals.css
+└── template-nextjs-fullstack/
+    ├── _gitignore
+    ├── _env.local.example        # CLI 复制时重命名为 .env.local.example
+    ├── package.json              # mclaw.type: "nextjs-fullstack"，name 为 {{projectName}}
+    ├── drizzle.config.ts
+    ├── tailwind.config.ts
+    ├── eslint.config.js
+    ├── postcss.config.js
+    ├── components.json
+    └── src/
+        ├── app/                  # App Router 路由 + Server Actions
+        ├── components/ui/        # shadcn/ui 58 个组件
+        ├── db/                   # Drizzle ORM schema + 连接
+        ├── hooks/
+        └── lib/
+```
+
+## 特殊文件命名
+
+npm publish 会忽略 `.gitignore` 和 `.env*`，因此模板中使用 `_` 前缀：
+
+| 模板中的文件名 | CLI 复制后的文件名 |
+|---|---|
+| `_gitignore` | `.gitignore` |
+| `_env.local.example` | `.env.local.example` |
+
+## 模板类型标识
+
+每个模板的 `package.json` 包含 `mclaw.type` 字段，标识模板类型：
+
+```json
+{
+  "mclaw": {
+    "type": "nextjs-static"
+  }
+}
+```
+
+`meta.json` 由业务侧生成和维护。若 `meta.json` 丢失，CLI 可扫描各模板目录的 `package.json` 中的 `mclaw.type` 恢复。
+
+## mclaw CLI 集成方式
+
+```javascript
+const path = require('path');
+const fs = require('fs-extra');
+
+// 1. 读取模板元数据
+const meta = require('@lark-apaas/coding-templates/meta.json');
+
+// 2. 定位模板目录
+const templateDir = path.dirname(require.resolve('@lark-apaas/coding-templates/meta.json'));
+const srcDir = path.join(templateDir, selectedTemplate.dir);
+
+// 3. 复制到目标目录
+await fs.copy(srcDir, targetDir);
+
+// 4. 重命名特殊文件
+const renames = { '_gitignore': '.gitignore', '_env.local.example': '.env.local.example' };
+for (const [from, to] of Object.entries(renames)) {
+  const filePath = path.join(targetDir, from);
+  if (fs.existsSync(filePath)) {
+    await fs.rename(filePath, path.join(targetDir, to));
+  }
+}
+
+// 5. 替换 package.json 中的占位符
+const pkgPath = path.join(targetDir, 'package.json');
+if (fs.existsSync(pkgPath)) {
+  let content = await fs.readFile(pkgPath, 'utf-8');
+  content = content.replace('{{projectName}}', projectName);
+  await fs.writeFile(pkgPath, content);
+}
+```
+
+## 技术栈
+
+两个 Next.js 模板共享相同的技术选型：
+
+- **Next.js 16** + React 19 + TypeScript 5
+- **Tailwind CSS 4**（`@tailwindcss/postcss`，CSS-first 配置）
+- **shadcn/ui**（base-nova 风格，lucide 图标，58 个组件预装）
+- **ESLint 9** flat config（`@eslint/js` + `typescript-eslint`，无 `eslint-config-next`）
+- **next-themes**（暗色模式）
+
+fullstack 模板额外包含：Drizzle ORM + PostgreSQL + Zod
+
+## 发版
+
+```bash
+cd template
+npm version patch
+npm publish
+```

package/meta.json

@@ -0,0 +1,22 @@
+{
+  "templates": [
+    {
+      "name": "html",
+      "dir": "template-html",
+      "description": "纯 HTML — 零依赖，原型验证",
+      "features": ["tailwind-cdn", "dark-mode"]
+    },
+    {
+      "name": "nextjs-static",
+      "dir": "template-nextjs-static",
+      "description": "Next.js Pages Router — 静态导出，纯前端应用",
+      "features": ["typescript", "tailwind", "shadcn-ui", "dark-mode", "static-export", "ssg"]
+    },
+    {
+      "name": "nextjs-fullstack",
+      "dir": "template-nextjs-fullstack",
+      "description": "Next.js App Router + Drizzle + PostgreSQL — 全栈应用",
+      "features": ["typescript", "tailwind", "shadcn-ui", "dark-mode", "ssr", "server-actions", "drizzle", "postgresql"]
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@lark-apaas/coding-templates",
+  "version": "0.1.0",
+  "description": "OpenClaw project templates for mclaw CLI",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "template-html",
+    "template-nextjs-static",
+    "template-nextjs-fullstack",
+    "meta.json"
+  ],
+  "keywords": [
+    "openclaw",
+    "template",
+    "nextjs",
+    "react",
+    "vibe-coding"
+  ],
+  "license": "MIT"
+}

package/template-html/README.md

@@ -0,0 +1,148 @@
+# HTML 模板
+
+基础 HTML 单文件模板。
+
+## 技术栈规范
+
+### 文件结构
+
+- 单个 `.html` 文件，所有样式和脚本内嵌
+- `<style>` 块仅用于 Tailwind 无法覆盖的自定义样式（如 ECharts 容器尺寸、动画关键帧等）
+- `<script>` 块定义交互逻辑和数据
+- 外部资源通过 `static/` 目录引用
+
+```
+project/
+├── <name>.html         # 主页面
+├── README.md           # 技术栈规范（本文件）
+└── static/
+    ├── images/         # 图片资源
+    └── data/           # 数据文件（.js / .json）
+```
+
+### 样式方案
+
+**Tailwind CSS**（CDN，已在模板中引入）为主要样式方案：
+
+| 规则 | 说明 |
+|------|------|
+| 布局 | 使用 Tailwind 的 Flexbox / Grid 工具类（`flex`、`grid`、`gap-*`） |
+| 响应式 | 使用 Tailwind 响应式前缀（`sm:`、`md:`、`lg:`、`xl:`） |
+| 间距/字号 | 使用 Tailwind 内置的间距和字号类（`p-4`、`text-lg`） |
+| 最大宽度 | 内容区域使用 `max-w-*` + `mx-auto` 居中 |
+| 自定义样式 | 仅在 Tailwind 无法覆盖时使用 `<style>` 块 |
+
+### 颜色系统
+
+通过 `tailwind.config` 定义主题色，使用 HSL 格式：
+
+```javascript
+tailwind.config = {
+  theme: {
+    extend: {
+      colors: {
+        bg: 'hsl(220 14% 96%)',
+        surface: 'hsl(0 0% 100%)',
+        header: 'hsl(0 0% 0%)',
+        text: 'hsl(220 13% 13%)',
+        'text-muted': 'hsl(220 9% 46%)',
+        primary: 'hsl(0 72% 51%)',
+        accent: 'hsl(0 69% 97%)',
+        border: 'hsl(220 13% 91%)',
+      }
+    }
+  }
+};
+```
+
+使用时通过 Tailwind 类引用：`bg-bg`、`text-text`、`border-border`、`bg-primary` 等。
+
+### 外部库
+
+| 库 | 用途 | 引入方式 |
+|----|------|---------|
+| Tailwind CSS | 样式方案 | CDN（模板已引入） |
+| ECharts | 图表（需要时） | CDN `<script>` 引入 |
+
+### 资源引用
+
+**所有静态资源路径必须使用 `$STATIC$` 前缀模板语法**：
+
+| 资源类型 | 正确写法 | 禁止写法 |
+|---------|---------|---------|
+| 图片 | `<img src="$STATIC$/images/xxx.png">` | `<img src="static/images/xxx.png">` |
+| 数据文件 | `<script src="$STATIC$/data/xxx.js">` | `<script src="static/data/xxx.js">` |
+| CSS 背景图 | `background-image: url('$STATIC$/images/xxx.png')` | `url('static/images/xxx.png')` |
+
+- `$STATIC$` 是平台注入的模板变量，运行时会被替换为实际静态资源根路径
+- 数据内嵌于 `<script>` 块时无需前缀（纯 JS 变量，不是资源路径）
+- 禁止使用外部 URL 引用本地资源
+
+### 编码规范
+
+- 文件编码：UTF-8
+- 缩进：2 空格
+- HTML 语义化标签（`<main>`、`<section>`、`<nav>`、`<header>`、`<footer>`）
+
+---
+
+## HTML 编码规范
+
+### 布局响应式
+
+强制要求：所有页面必须对不同视口宽度做出适配。
+
+- 容器使用 `max-width` + 水平 `auto` margin 居中，内容不允许在大屏幕上贴边延伸
+- 多列布局使用 CSS Grid 或 Flexbox，通过媒体查询或 `auto-fill/auto-fit` 自动调整列数
+  - 宽屏（≥1024px）：多列布局
+  - 窄屏（<768px）：退化为单列
+- Flexbox 子元素必须设置 `min-width: 0`，防止内容撑破父容器
+- Flexbox 多元素横排时使用 `flex-wrap: wrap`，确保窄屏自动换行
+- 禁止：写死 `width: 720px` 等固定像素宽度作为主容器
+
+### 内容响应式
+
+强制要求：区块高度由内容撑开，不允许固定内容区高度。
+
+- 内容区域使用自然高度（`height: auto`），不允许对内容块设置固定 `height` 值
+- 图片/媒体元素使用 `max-width: 100%` + `height: auto` 保持比例自适应
+- 允许对图表等可视化组件设置固定高度（如 ECharts 容器需要明确高度）
+- 文本容器使用 `overflow-wrap: break-word`，防止长单词/URL 溢出
+- 单行截断：同时设置 `white-space: nowrap; overflow: hidden; text-overflow: ellipsis`
+- 表格和代码块添加 `overflow-x: auto`，支持横向滚动，避免内容被截断
+
+### 交互元素规范
+
+**交互元素必须有对应功能内容**
+
+- 页面中每个按钮、链接、表单输入、标签页、手风琴等交互元素，必须有对应的实际交互内容
+- 禁止：点击后无任何响应的按钮（包括 `href="#"` 的占位链接）
+- 禁止：标签页切换后无内容变化
+- 禁止：下拉菜单展开后列表为空
+
+如需展示一个功能"入口"但暂无内容，**删除该入口，不实现假按钮**。
+
+**交互元素必须绑定可执行的事件处理器**
+
+每个交互元素必须绑定**可执行**的事件处理器，产生可见 DOM 变化或明确的用户反馈：
+
+- 禁止：空函数（`onclick=""`、`() => {}`）
+- 禁止：仅有 `console.log` 的响应，无 DOM 变化
+- 要求：按钮点击后至少有以下一种反馈：状态切换、内容显示/隐藏、数值更新、页面跳转/滚动
+
+**减少功能按钮**
+
+- 优先通过内容展示传递信息，而非按钮操作
+- 功能按钮数量控制：整页主操作按钮不超过 3 个
+- 不添加"导出"、"分享"、"下载"等静态页面无法真正执行的操作按钮
+
+### HTML 生成自检清单
+
+生成 HTML 前逐项确认：
+
+| 检查项 | 验收标准 |
+|--------|---------|
+| 布局响应式 | `max-width` + `auto` margin 居中；多列 ≤768px 退化单列；flex 子元素有 `min-width: 0` |
+| 内容响应式 | 文本有 `overflow-wrap: break-word`；表格/代码块有 `overflow-x: auto`；无固定 `height`（图表除外） |
+| 交互元素 | 所有交互元素有可执行处理器；无空响应按钮；无 `href="#"` 占位链接 |
+| 静态资源路径 | 所有 `<img src>`、`<script src>`、`url()` 均使用 `$STATIC$/` 前缀；无裸 `static/` 相对路径 |

package/template-html/_gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+node_modules

package/template-html/index.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="zh-CN">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>应用标题</title>
+        <script src="https://cdn.tailwindcss.com"></script>
+        <script>
+            // 可选：Tailwind 运行时配置
+            tailwind.config = {};
+        </script>
+        <style>
+            /* 必要的自定义样式（如画布容器尺寸、预览区边框等） */
+        </style>
+    </head>
+    <body class="bg-gray-50">
+        <!-- 画布布局容器 -->
+        <main id="canvas" class="mx-auto max-w-7xl p-6">
+            <!-- 页面内容（由 generate_design 生成的 HTML 片段插入此处） -->
+        </main>
+    </body>
+</html>

package/template-html/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "{{projectName}}",
+  "version": "0.1.0",
+  "private": true,
+  "mclaw": {
+    "stack": "html",
+    "stackVersion": "0.1.0"
+  },
+  "scripts": {
+    "build": "bash scripts/build.sh"
+  }
+}

package/template-html/routes.json

@@ -0,0 +1 @@
+{ "version": 1, "type": "html", "fallback": "index.html" }

package/template-html/scripts/build.sh

@@ -0,0 +1,31 @@
+#!/bin/bash
+set -e
+
+ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+OUTPUT="$ROOT/dist/output"
+OUTPUT_STATIC="$ROOT/dist/output_static"
+STATIC_PREFIX="${MCLAW_STATIC_PREFIX:-}"
+
+# 清理
+rm -rf "$ROOT/dist"
+mkdir -p "$OUTPUT"
+
+# 1. 所有 .html 文件按目录结构复制到 dist/output/，并替换 __STATIC_PREFIX__
+cd "$ROOT"
+find . -name '*.html' -not -path './dist/*' -not -path './node_modules/*' | while read -r file; do
+  dir=$(dirname "$file")
+  mkdir -p "$OUTPUT/$dir"
+  sed "s|__STATIC_PREFIX__|${STATIC_PREFIX}|g" "$file" > "$OUTPUT/$file"
+done
+
+# 2. routes.json → dist/output/
+cp "$ROOT/routes.json" "$OUTPUT/routes.json"
+
+# 3. static/ → dist/output_static/（如果存在）
+if [ -d "$ROOT/static" ]; then
+  cp -r "$ROOT/static" "$OUTPUT_STATIC"
+fi
+
+echo "Build complete"
+echo "  HTML   → dist/output/"
+[ -d "$OUTPUT_STATIC" ] && echo "  Static → dist/output_static/" || true

package/template-nextjs-fullstack/README.md

@@ -0,0 +1,169 @@
+# Next.js 全栈模板
+
+Next.js App Router + Drizzle ORM + PostgreSQL 全栈模板，支持 Server Actions、SSR、API Routes。
+
+## 快速开始
+
+```bash
+# 1. 安装依赖
+npm install
+
+# 2. 配置数据库（修改 .env.local 中的 DATABASE_URL）
+cp .env.local.example .env.local
+
+# 3. 初始化数据库表
+npm run db:push
+
+# 4. 启动开发服务器
+npm run dev
+```
+
+打开 http://localhost:3000 查看效果。
+
+## 命令
+
+| 命令 | 说明 |
+|---|---|
+| `npm run dev` | 启动开发服务器 |
+| `npm run build` | 生产构建 |
+| `npm run start` | 启动生产服务 |
+| `npm run lint` | 运行 ESLint |
+| `npm run db:generate` | 生成 Drizzle 迁移文件 |
+| `npm run db:migrate` | 执行数据库迁移 |
+| `npm run db:push` | 推送 schema 到数据库（开发用） |
+| `npm run db:studio` | 打开 Drizzle Studio |
+
+## 独立部署（Docker / FaaS 容器模式）
+
+### 1. 开启 standalone 模式
+
+```ts
+// next.config.ts
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "standalone",
+  assetPrefix: "https://cdn.example.com", // 静态资源 CDN 地址
+};
+
+export default nextConfig;
+```
+
+### 2. 构建
+
+```bash
+npm run build
+```
+
+产出 `.next/standalone/` 目录，包含：
+- `server.js` — 服务入口，`node server.js` 直接启动
+- `node_modules/` — 仅运行时依赖（tree-shaking 后，远小于完整 node_modules）
+- `.next/server/` — SSR 产物
+
+### 3. Dockerfile
+
+```dockerfile
+FROM node:20-alpine
+WORKDIR /app
+
+# 复制 standalone 产出
+COPY .next/standalone ./
+# 静态资源（如果不走 CDN 则需要复制）
+COPY .next/static ./.next/static
+COPY public ./public
+
+ENV NODE_ENV=production
+ENV PORT=3000
+EXPOSE 3000
+
+CMD ["node", "server.js"]
+```
+
+```bash
+docker build -t my-app .
+docker run -p 3000:3000 \
+  -e DATABASE_URL="postgresql://user:pass@host:5432/db" \
+  my-app
+```
+
+镜像体积约 100-150MB，启动时间 1-2 秒。
+
+### 4. 部署架构
+
+```
+┌─────────────┐     ┌──────────────────┐     ┌─────────────┐
+│   浏览器     │────→│  Nginx / 网关     │────→│  FaaS 容器   │
+│             │     │                  │     │  server.js  │
+│             │     │  路由分发：        │     │  (standalone)│
+│             │     │  /*.html → 容器   │     │             │
+│             │     │                  │     │     ↓       │
+│             │     └──────────────────┘     │  PostgreSQL  │
+│             │              │               └─────────────┘
+│             │              │
+│             │     ┌────────↓─────────┐
+│             │←────│      CDN         │
+│             │     │  _next/static/*  │
+│             │     │  (JS/CSS/字体)    │
+│             │     └──────────────────┘
+│             │
+│             │     ┌──────────────────┐
+│             │←────│      TOS         │
+│             │     │  图片资源         │
+│             │     │  (独立权限控制)    │
+│             │     └──────────────────┘
+```
+
+| 资源类型 | 部署位置 | 说明 |
+|---|---|---|
+| HTML / SSR / API | FaaS 容器 | standalone server.js 处理 |
+| JS / CSS / 字体 | CDN | 通过 `assetPrefix` 配置 |
+| 图片 | TOS | 通过自定义 Image Loader |
+| 数据库 | PostgreSQL | 通过 `DATABASE_URL` 环境变量 |
+
+### 5. 图片走 TOS（可选）
+
+如果图片需要部署到独立的 TOS（对象存储），配置自定义 Image Loader：
+
+```ts
+// next.config.ts
+const nextConfig: NextConfig = {
+  output: "standalone",
+  assetPrefix: "https://cdn.example.com",
+  images: {
+    loader: "custom",
+    loaderFile: "./src/lib/image-loader.ts",
+  },
+};
+```
+
+```ts
+// src/lib/image-loader.ts
+export default function tosLoader({
+  src,
+  width,
+  quality,
+}: {
+  src: string;
+  width: number;
+  quality?: number;
+}) {
+  return `https://tos.example.com${src}?w=${width}&q=${quality || 75}`;
+}
+```
+
+### 6. 环境变量
+
+| 变量 | 说明 | 示例 |
+|---|---|---|
+| `DATABASE_URL` | PostgreSQL 连接地址 | `postgresql://user:pass@host:5432/db` |
+| `PORT` | 服务端口（默认 3000） | `3000` |
+| `HOSTNAME` | 监听地址（容器中建议 0.0.0.0） | `0.0.0.0` |
+
+## 技术栈
+
+- Next.js 16（App Router、SSR、Server Actions）
+- React 19、TypeScript 5
+- Tailwind CSS 4 + shadcn/ui（base-nova 风格、lucide 图标）
+- Drizzle ORM + PostgreSQL
+- Zod（数据校验）
+- next-themes（暗色模式）

package/template-nextjs-fullstack/_env.local.example

@@ -0,0 +1 @@
+DATABASE_URL=postgresql://postgres:postgres@localhost:5432/openclaw

package/template-nextjs-fullstack/_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-nextjs-fullstack/components.json

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

package/template-nextjs-fullstack/drizzle.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema.ts",
+  out: "./drizzle",
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.DATABASE_URL!,
+  },
+});

package/template-nextjs-fullstack/eslint.config.js

@@ -0,0 +1,15 @@
+const js = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+
+module.exports = tseslint.config(
+  { ignores: ['.next', 'out', 'node_modules'] },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['src/**/*.{ts,tsx}'],
+    rules: {
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-unused-expressions': 'off',
+    },
+  },
+);

package/template-nextjs-fullstack/next.config.ts

@@ -0,0 +1,5 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;