React Nodejs Fullstack Template

全栈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 more

3.设置项目结构

创建你的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文档

______________________________________________________________________

⭐ 如果你觉得这个模板有用，就把它标上！