|
1 | 1 | import { Cards } from 'nextra/components' |
2 | | -import { DownloadIcon } from 'lucide-react' |
3 | | -import DiscordIcon from '@/components/DiscordIcon' |
| 2 | +import { BellIcon, RocketIcon, AudioLinesIcon, NetworkIcon, GithubIcon, LightbulbIcon, HandshakeIcon } from 'lucide-react' |
| 3 | +import { Card } from '@/components/Card' |
4 | 4 |
|
5 | | -# Getting Started |
| 5 | +# Welcome |
6 | 6 |
|
7 | | -<div className="flex gap-2 my-2 items-center"> |
8 | | - <Cards.Card |
9 | | - icon={<DownloadIcon />} |
10 | | - title="Download" |
11 | | - href="/download" |
12 | | - /> |
13 | | - <Cards.Card |
14 | | - title="Start Tutorial" |
15 | | - href="/docs/guides/tutorial" |
16 | | - arrow |
17 | | - /> |
18 | | -</div> |
| 7 | +**Happy** lets you control **AI coding agents** from anywhere - your phone, tablet, or |
| 8 | +web browser. The key difference from all those paid services? Happy those AI |
| 9 | +coding agents runs on computers YOU own. Your desktop, laptop, server, or even a |
| 10 | +Raspberry Pi. As long as it's connected to the internet, you can use Happy to |
| 11 | +control Claude Code on that machine. Leave the house, fire off coding tasks and |
| 12 | +come back to pull requests ready to review. |
19 | 13 |
|
| 14 | +With Happy Coder you get: |
20 | 15 |
|
| 16 | +- **Zero workflow disruption**: Run Claude Code on any computer you control. Use your custom setup, special hardware, or unique tools. No need to change how you work. |
| 17 | +- **Work from anywhere**: Start coding on your desktop, then continue from your phone. Every Claude Code feature works on mobile: plan mode, custom agents, custom MCP servers, everything. |
| 18 | +- **Multiple sessions**: Run several Claude Code instances at once. Have one working on your frontend while another handles backend tasks. Switch between them instantly. |
| 19 | +- **End-to-end encryption**: Your code stays on your machines. Messages between your devices are encrypted. |
| 20 | +- **No cloud costs**: Since you're using your own computers, there are no usage fees or subscriptions. Happy Coder is free and open source. |
21 | 21 |
|
22 | | -Welcome to the Happy Coder documentation! Here you'll find detailed information about the API, configuration, and advanced features. |
| 22 | +## Why Happy Coder? |
23 | 23 |
|
| 24 | +Unlike cloud services that run code on rented machines, Happy Coder works with computers you already have. This means: |
24 | 25 |
|
25 | | -It's free and open source. |
| 26 | +- Use any hardware you want |
| 27 | +- Keep your exact development setup |
| 28 | +- Work with private or secure systems |
| 29 | +- No monthly bills or usage limits |
| 30 | +- Complete control over your environment |
26 | 31 |
|
| 32 | +Whether you're hacking on a personal project, working with specialized hardware, or just want to check on long-running tasks from your phone, Happy Coder gives you freedom to work your way. |
27 | 33 |
|
28 | | -## Learn More |
| 34 | +## Getting Started |
29 | 35 |
|
30 | | -<Cards> |
31 | | - <Cards.Card |
32 | | - title="Video Guides" |
33 | | - href="/docs/guides" |
34 | | - arrow |
35 | | - className="max-w-sm my-4" |
| 36 | +<div className="grid gap-4 sm:grid-cols-2"> |
| 37 | + <Card |
| 38 | + icon={<RocketIcon />} |
| 39 | + title="Quick Start" |
| 40 | + description="Create your first task from your phone" |
| 41 | + href="/docs/quick-start" |
36 | 42 | /> |
37 | | - <Cards.Card |
38 | | - icon={<DiscordIcon />} |
39 | | - title="Chat" |
40 | | - href="https://discord.gg/happy-coder" |
41 | | - className="max-w-sm my-4" |
| 43 | + <Card |
| 44 | + icon={<NetworkIcon />} |
| 45 | + title="Managing Sessions" |
| 46 | + description="Start, stop, and switch between multiple Claude Code instances" |
| 47 | + href="/docs/features/parallel-tasks" |
42 | 48 | /> |
43 | | -</Cards> |
44 | | - |
45 | | - |
46 | | -- **[Installation](/docs/installation)** - How to install and set up Happy Coder |
47 | | -- **[Quick Start](/guides/quick-start)** - Get up and running quickly |
| 49 | + <Card |
| 50 | + icon={<AudioLinesIcon />} |
| 51 | + title="Voice Commands" |
| 52 | + description="Use voice to code hands-free while on the go" |
| 53 | + href="/docs/features/voice-coding-with-claude-code" |
| 54 | + /> |
| 55 | + <Card |
| 56 | + icon={<BellIcon />} |
| 57 | + title="Push Notifications" |
| 58 | + description="Get notified when Claude Code needs input or finishes tasks" |
| 59 | + href="/docs/guides/push-notifications" |
| 60 | + /> |
| 61 | + |
| 62 | +</div> |
48 | 63 |
|
49 | | -## Features |
| 64 | +## Resources |
50 | 65 |
|
| 66 | +<div className="grid gap-4 sm:grid-cols-2"> |
| 67 | + <Card |
| 68 | + icon={<LightbulbIcon />} |
| 69 | + title="Examples" |
| 70 | + description="See what you can build with Happy Coder" |
| 71 | + href="/docs/use-cases/" |
| 72 | + /> |
| 73 | + <Card |
| 74 | + icon={<GithubIcon />} |
| 75 | + title="Community" |
| 76 | + description="Visit our github repository to get help and share ideas" |
| 77 | + href="https://github.com/slopus/happy" |
| 78 | + /> |
| 79 | + {/* |
| 80 | + <Card |
| 81 | + icon={<HandshakeIcon />} |
| 82 | + title="Contributing" |
| 83 | + description="Help improve Happy Coder - we welcome contributions" |
| 84 | + href="/docs/guides/contributing" |
| 85 | + /> |
| 86 | + */} |
| 87 | +</div> |
0 commit comments