Developers Digest
66 lines
1.2 KiB
Markdown
66 lines
1.2 KiB
Markdown
# E2B AI Code Editor
|
|
|
|
Chat with AI to build React apps instantly.
|
|
|
|
## Setup
|
|
|
|
1. **Clone & Install**
|
|
```bash
|
|
git clone https://github.com/yourusername/e2b.git
|
|
cd e2b
|
|
npm install
|
|
```
|
|
|
|
2. **Add `.env.local`**
|
|
```env
|
|
# Required
|
|
E2B_API_KEY=your_e2b_api_key
|
|
FIRECRAWL_API_KEY=your_firecrawl_api_key
|
|
|
|
# Optional (need at least one AI provider)
|
|
ANTHROPIC_API_KEY=your_anthropic_api_key
|
|
OPENAI_API_KEY=your_openai_api_key
|
|
GROQ_API_KEY=your_groq_api_key
|
|
```
|
|
|
|
3. **Run**
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
Open [http://localhost:3000](http://localhost:3000)
|
|
|
|
## Get API Keys
|
|
|
|
[firecrawl.dev](https://firecrawl.dev) → Web scraping
|
|
[e2b.dev](https://e2b.dev) → Sandboxes
|
|
[console.groq.com](https://console.groq.com) → Fast inference (Kimi K2 - recommended)
|
|
[platform.openai.com](https://platform.openai.com) → GPT-5
|
|
|
|
## Example Chat
|
|
|
|
```
|
|
You: "Clone the Stripe pricing page"
|
|
AI: *generates full pricing component*
|
|
|
|
You: "Make it dark mode"
|
|
AI: *adds theme switching*
|
|
|
|
You: "Add animations"
|
|
AI: *implements Framer Motion*
|
|
|
|
You: "Deploy this"
|
|
AI: *guides deployment*
|
|
```
|
|
|
|
## Features
|
|
|
|
- Live preview with hot reload
|
|
- Automatic package installation
|
|
- Multiple AI models
|
|
- Web scraping with Firecrawl
|
|
- Sandboxed execution
|
|
|
|
## License
|
|
|
|
MIT |