我们最喜欢的技术栈

推荐给 Cline 新用户的堆栈（2025）

您的完整开发环境

开发工具

• VS Code - 您的代码编辑器， 点击此处下载

• GitHub - 您的代码所在之处， 在此注册

前端

• Next.js 14+ - 带有 App Router 的 React 框架

• Tailwind CSS - 无需编写 CSS 即可创建漂亮的样式

• TypeScript - JavaScript，但更安全、更智能

后端

• Supabase - 您的完整后端解决方案， 注册 GitHub

  • PostgreSQL 数据库

  • 验证

  • 文件存储

  • 实时更新

部署

• Vercel - 您的应用在哪里运行， 在 GitHub 上注册

  • 从 GitHub 自动部署

  • 预览测试部署

  • 生产就绪的 CDN

人工智能开发

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

模型输入成本（每 100 万个代币）输出成本（每 100 万个代币）最适合

Claude 3.5 Sonnet

$3.00

$15.00

生产应用程序，复杂任务

DeepSeek R1

$1.00

$3.00

注重预算的生产

DeepSeek V3

$0.14

$2.20

注重预算的开发

免费套餐福利

韦尔塞尔（爱好）

• 每月 100 GB 数据传输

• 10 万次无服务器函数调用

• 100 MB 部署大小

• 自动 HTTPS 和 CI/CD

Supabase（免费）

• 500 MB 数据库存储空间

• 1 GB 文件存储空间

• 每月5万活跃用户

• 每月 200 万条实时消息

GitHub（免费）

• 无限公共存储库

• GitHub Actions CI/CD

• 项目管理工具

• 协作功能

入门

1. 安装开发必需品：

   • 遵循我们的开发基本安装指南
2. 设置克莱恩的记忆库：

   • 按照存储库设置说明进行操作
   • 在项目根目录中创建一个空的 cline_docs 文件夹

   • 在 cline_docs 文件夹中创建 projectBrief.md （参见下面的示例）

   • 告诉克莱恩“初始化存储库”

3. 添加我们推荐的堆栈配置：

   • 创建 .clinerules 文件（参见下面的模板）

   • 剩下的就让克莱恩来处理吧！

项目简介示例

复制

# 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

• 官方学习 Next.js 课程 - 互动教程
• NextJS 应用路由器：1 小时掌握现代 Web 开发 - 快速概览
• 使用 Next.js 构建真实世界的应用程序 - 实际例子

苏帕贝斯

• Supabase 从头开始 - 综合课程
• 官方快速入门指南
• 使用 Next.js 和 Supabase 的实时应用程序

Tailwind CSS

• Tailwind CSS 初学者教程
• Tailwind 官方文档
• Scrimba 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

常见工作流程

1. 一天的开始 ：获取最新更改

   复制

   bashCopygit pull origin main                     # Download latest code

2. 开发过程中 ：定期保存工作

   复制

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

3. 一天结束 ：分享你的进步

   复制

   bashCopygit push origin main                     # Upload to GitHub

最佳实践

• 经常做出明确承诺

• 开始新工作之前先拉

• 推送已完成的工作与他人分享

• 使用 .gitignore 避免提交敏感文件

提示 ：当您推送到主页面时，Vercel 会自动部署！

环境变量

• 将机密存储在 .env.local 中以供开发使用

• 将它们添加到 Vercel 项目设置中以供生产

• 永远不要将 .env 文件提交到 Git

获取帮助

1. 在 Cline 聊天中使用 /help 可获得即时帮助

2. 检查 Cline 文档
3. 加入我们的 Discord 社区
4. 在 GitHub 问题中搜索常见问题

请记住：Cline 会在每一步为您提供帮助。如有需要，请随时寻求指导或说明！