# Bubble-code-new

**Repository Path**: lin92n/bubble-code-new

## Basic Information

- **Project Name**: Bubble-code-new
- **Description**: Bolt new Clone
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-20
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Bubble Bolt - AI 编程助手

![Landing Page](./showcase/landing.png)

Bubble Bolt 是一个强大的 AI 编程助手应用，它提供了智能代码生成、实时代码预览和 AI 对话等功能，帮助开发者提高编程效率。

## ✨ 主要功能

- 🤖 智能 AI 对话：与 AI 助手进行自然语言交互
- 💻 代码生成：基于对话自动生成高质量代码
- 👀 实时预览：使用 SandPack 实现代码实时预览
- 🔄 工作区管理：支持多项目工作区切换
- 🎨 现代化界面：采用 TailwindCSS 构建的美观界面

## 🛠️ 技术栈

- **框架**: Next.js 13+ (App Router)
- **UI 框架**: TailwindCSS
- **状态管理**: Zustand
- **代码预览**: SandPack
- **数据库**: Convex
- **组件库**: shadcn/ui

## 📸 界面预览

### 登录界面
![Login Page](./showcase/login.png)

### 工作区
![Workspace](./showcase/workspace.png)

### 项目代码
![Project Code](./showcase/project-code.png)

### 代码预览
![Project Preview](./showcase/project-preview.png)

## 🚀 快速开始

1. 克隆项目
```bash
git clone <repository-url>
cd bubble-bolt
```

2. 安装依赖
```bash
pnpm install
# 或
yarn install
```

3. 配置环境变量
```bash
cp .env.example .env.local
# 编辑 .env.local 文件，填入必要的环境变量
```

4. 启动开发服务器
```bash
pnpm dev
# 或
yarn dev
```

5. 在浏览器中打开 [http://localhost:3000](http://localhost:3000)

## 📝 许可证

MIT License - 详见 [LICENSE](./LICENSE) 文件