全栈React+Node.js模板
一个使用React 19、Vite、TypeScript和Node.js/Express后端构建全栈应用程序的综合模板。
特性
- ✅ 反应19 使用TypeScript
- ✅ 维特 为了快速发展和建设
- ✅ Node.js+Express 后端（准备实施）
- ✅ 全面CLAUDE.md -Claude Code的完整文档
- ✅ 生产就绪部署指南 （Linode、Docker、无服务器）
- ✅ MCP服务器建议 促进发展
- ✅ ESLint 配置
- ✅ 全栈项目结构 （单回购就绪）
快速开始
# 1. Use this template
Click "Use this template" button on GitHub
# 2. Clone your new repository
git clone https://github.com/yourusername/your-project.git
cd your-project
# 3. Install dependencies
npm install
# 4. Start development server
npm run dev包含什么
CLAUDE.md文档
此模板包括 全面的CLAUDE.md文件 （2500+行），提供：
- 快速参考卡 -最常见的命令
- MCP服务器设置 -15+推荐的带安装命令的MCP服务器
- 完整部署指南 -生产就绪的Linode部署（1000+条生产线）
- 替代平台 -Docker和无服务器选项
- 开发工作流程 -如何添加功能、组件、API端点
- 测试策略 -单元、集成和E2E测试
- 安全检查列表 -生产安全最佳实践
- 故障排除 -常见问题和解决方案
- 还有更多。..
项目结构
/
├── frontend/ # React frontend (to be created)
├── backend/ # Node.js backend (to be created)
├── shared/ # Shared types and utilities (to be created)
├── CLAUDE.md # ⭐ Comprehensive Claude Code documentation
├── README.md # This file
├── package.json # Root package.json
└── .gitignore # Git ignore rules定制
1.更新CLAUDE.md
替换中的占位符 CLAUDE.md:
[PROJECT_NAME]-您的项目名称[PROJECT_DESCRIPTION]-简要说明[YOUR_LINODE_ACCOUNT_EMAIL]-如果使用Linode[YOUR_DATACENTER]-您首选的数据中心位置- 其他
🔧 CUSTOMIZE标记遍布
2.安装MCP服务器
请按照中的MCP服务器配置部分进行操作 CLAUDE.md 要安装推荐的服务器，请执行以下操作：
# Essential servers
claude mcp add --npm @modelcontextprotocol/server-github npx -y @modelcontextprotocol/server-github
claude mcp add --npm @modelcontextprotocol/server-git npx -y @modelcontextprotocol/server-git
# ... and more3.设置项目结构
创建你的monorepo结构：
# Create directories
mkdir -p frontend backend shared
# Initialize frontend (example with Vite)
cd frontend
npm create vite@latest . -- --template react-ts
# Initialize backend
cd ../backend
npm init -y
# Install backend dependencies
npm install express cors dotenv
npm install -D typescript @types/node @types/express ts-node nodemon文档
使用Claude Code的所有文档都在 CLAUDE.md这包括：
- 开发命令和工作流程
- 部署程序（Linode、Docker、无服务器）
- 测试策略
- 安全最佳实践
- 常见开发任务
- 故障排除指南
技术
当前（最小模板）
- 反应19.1.1
- 快速7.1.7
- TypeScript ~5.9.3
- 埃斯林特9
推荐的堆栈（请参阅CLAUDE.md）
- 前端： React+Vite+TypeScript+React路由器+TanStack查询
- 后端： Node.js+Express+TypeScript+Prisma/TypeORM
- 数据库： PostgreSQL（Linode托管或自托管）
- 部署： 带PM2+Nginx的Linux虚拟专用服务器
- 测试： Vitest/Jest+剧作家
- 造型： 顺风CSS+shadcn/ui+魔术ui
部署
看 CLAUDE.md中的部署部分 用于：
- 完整的Linode VPS部署指南（分步）
- Docker容器化
- 无服务器部署（Vercel+Railway）
- 带有GitHub操作的CI/CD
- 监测和维护
- 扩展策略
贡献
看 CLAUDE.md → 以下项目的常见开发任务：
- 添加新功能
- 正在创建API终结点
- 构建UI组件
- 编写测试
许可证
麻省理工学院
模板信息
版本： 1.1.0 最后更新时间： 2025 模板用途： 全栈React+Node.js，附带全面的Claude Code文档
______________________________________________________________________
⭐ 如果你觉得这个模板有用，就把它标上！