我们最爱的技术栈

新用户推荐技术栈（2025）

你的完整开发环境

开发工具

VS Code - 你的代码编辑器，点击下载
GitHub - 代码托管平台，注册账号

前端

Next.js 14+ - 基于 React 的框架，支持 App Router
Tailwind CSS - 无需手写 CSS 的美观样式方案
TypeScript - 更安全、更智能的 JavaScript

后端

Supabase - 一站式后端解决方案，用 GitHub 注册
- PostgreSQL 数据库
- 用户认证
- 文件存储
- 实时更新

部署

Vercel - 应用托管平台，用 GitHub 注册
- 从 GitHub 自动部署
- 预览部署便于测试
- 生产级 CDN

AI 开发

根据需求选择你的 AI 助手：

模型	输入费用（每百万 token）	输出费用（每百万 token）	最佳用途
Claude 3.5 Sonnet	$3.00	$15.00	生产级应用、复杂任务
DeepSeek R1	$1.00	$3.00	预算友好型生产环境
DeepSeek V3	$0.14	$2.20	预算友好型开发

免费额度福利

Vercel（Hobby 版）

每月 100 GB 数据流量
10 万次无服务器函数调用
100 MB 部署包大小
自动 HTTPS & CI/CD

Supabase（免费版）

500 MB 数据库存储
1 GB 文件存储
5 万月活用户
每月 200 万条实时消息

GitHub（免费版）

无限公开仓库
GitHub Actions 持续集成/部署
项目管理工具
协作功能

快速上手

安装开发必备工具：
- 参考我们的开发必备工具安装指南
配置 Cline 记忆库：
- 按照记忆库设置说明操作
- 在项目根目录创建空的 cline_docs 文件夹
- 在 cline_docs 文件夹下新建 projectBrief.md（见下方示例）
- 告诉 Cline “初始化记忆库”
添加推荐技术栈配置：
- 创建 .clinerules 文件（见下方模板）
- 其余交给 Cline！

项目简介示例

# Project Brief

## Overview
Building a [type of application] that will [main purpose].

## Core Features
- Feature 1
- Feature 2
- Feature 3

## Target Users
[Describe who will use your application]

## Technical Preferences (optional)
- Any specific technologies you want to use
- Any specific requirements or constraints

.clinerules 模板

# Project Configuration

## Tech Stack
- Next.js 14+ with App Router
- Tailwind CSS for styling
- Supabase for backend
- Vercel for deployment
- GitHub for version control

## Project Structure
/src
  /app         # Next.js App Router pages
  /components  # React components
  /lib         # Utility functions
  /types       # TypeScript types
/supabase
  /migrations  # SQL migration files
  /seed        # Seed data files
/public        # Static assets

## Database Migrations
SQL files in /supabase/migrations should:
- Use sequential numbering: 001, 002, etc.
- Include descriptive names
- Be reviewed by Cline before execution
Example: 001_create_users_table.sql

## Development Workflow
- Cline helps write and review code changes
- Vercel automatically deploys from main branch
- Database migrations reviewed by Cline before execution

## Security
DO NOT read or modify:
- .env files
- **/config/secrets.*
- Any file containing API keys or credentials

学习资源（2025）

想深入了解这些技术？推荐以下资源：

Next.js 与 React

Supabase

Tailwind CSS

其他须知

使用 Git & GitHub

Git 帮你追踪代码变更、协作开发。常用命令如下：

日常开发

# Save your changes (do this often!)
git add .                                    # Stage all changed files
git commit -m "Add login page"              # Save changes with a clear message

# Share your changes
git push origin main                        # Upload to GitHub

常见工作流

每天开始：拉取最新代码

bashCopygit pull origin main                     # Download latest code

开发中：定期保存进度

bashCopygit add .
git commit -m "Clear message about changes"

每天结束：推送进度

bashCopygit push origin main                     # Upload to GitHub

最佳实践

经常提交，写清晰的提交信息
开始新工作前先拉取最新代码
完成后及时推送与他人共享
用 .gitignore 忽略敏感文件

小贴士

Vercel 会在你推送到 main 分支时自动部署！

环境变量

开发时将密钥存储在 .env.local
生产环境在 Vercel 项目设置中添加
切勿将 .env 文件提交到 Git

获取帮助

在 Cline 聊天输入 /help 获取即时帮助
查看 Cline 文档
加入我们的 Discord 社区
在 GitHub issue 搜索常见问题

记住：Cline 会在每一步为你提供帮助，有疑问随时提问！