Инструкция: как собрать приложение с Claude Code — пошагово
1. Установить Claude Code
Открыть терминал и вставить команду.
macOS / Linux:
curl -fsSL https://claude.ai/install.sh | bash
Windows (PowerShell):
irm https://claude.ai/install.ps1 | iex
Затем запустить агента:
claude
Откроется браузер → войти в аккаунт Anthropic. Есть бесплатный тариф для пробы, дальше Pro (~$20/мес).
2. Завести три аккаунта (все бесплатно для старта, регистрация через GitHub):
• GitHub - облачный репозиторий → https://github.com
• Supabase - база данных + вход по почте → https://supabase.com
• Vercel - хостинг, куда выкатывается сайт → https://vercel.com
3. Поставить IDE — слева видно файлы проекта, а снизу терминал. Проще всего VS Code (бесплатный) → https://code.visualstudio.com
Открываешь в ней папку проекта и работаешь с агентом прямо там.
4. Три правила, которые экономят часы:
• План до кода. Не давать агенту кодить сразу. Сначала попросить план, прочитать, утвердить — потом реализация. Режим планирования включается сочетанием Shift+Tab.
• Коммит после каждого шага. Коммит — это сохранение версии кода (как в игре): если следующий шаг что-то сломает, откатиться можно за секунду. Просто написать:
Закоммить текущие изменения
• Маленькие шаги. Не «сделай маркетплейс», а по кусочку: страница → база → проверка → деплой. Меньше шаг — меньше ошибок и больше контроля.
5. Промпты, которыми пользовалась я чтобы собрать приложение из этого поста
Хочу веб-приложение "Английский по карточкам".
Стек: Next.js + Supabase + Tailwind.
Фичи: [перечисли, что должно уметь].
Не пиши код — сначала составь подробную документацию:
архитектура, структура базы данных, фичи и план по шагам.
Сохрани в файл eng_project.md.
Потом — запуск реализации.
- - -
План утверждаю. Бери eng_project.md как источник правды
и начинай реализацию с первого шага.
Дальше — обычный диалог:
Задеплой приложение на Vercel
Всё! ✨
1. Установить Claude Code
Открыть терминал и вставить команду.
macOS / Linux:
curl -fsSL https://claude.ai/install.sh | bash
Windows (PowerShell):
irm https://claude.ai/install.ps1 | iex
Затем запустить агента:
claude
Откроется браузер → войти в аккаунт Anthropic. Есть бесплатный тариф для пробы, дальше Pro (~$20/мес).
2. Завести три аккаунта (все бесплатно для старта, регистрация через GitHub):
• GitHub - облачный репозиторий → https://github.com
• Supabase - база данных + вход по почте → https://supabase.com
• Vercel - хостинг, куда выкатывается сайт → https://vercel.com
3. Поставить IDE — слева видно файлы проекта, а снизу терминал. Проще всего VS Code (бесплатный) → https://code.visualstudio.com
Открываешь в ней папку проекта и работаешь с агентом прямо там.
4. Три правила, которые экономят часы:
• План до кода. Не давать агенту кодить сразу. Сначала попросить план, прочитать, утвердить — потом реализация. Режим планирования включается сочетанием Shift+Tab.
• Коммит после каждого шага. Коммит — это сохранение версии кода (как в игре): если следующий шаг что-то сломает, откатиться можно за секунду. Просто написать:
Закоммить текущие изменения
• Маленькие шаги. Не «сделай маркетплейс», а по кусочку: страница → база → проверка → деплой. Меньше шаг — меньше ошибок и больше контроля.
5. Промпты, которыми пользовалась я чтобы собрать приложение из этого поста
Хочу веб-приложение "Английский по карточкам".
Стек: Next.js + Supabase + Tailwind.
Фичи: [перечисли, что должно уметь].
Не пиши код — сначала составь подробную документацию:
архитектура, структура базы данных, фичи и план по шагам.
Сохрани в файл eng_project.md.
Потом — запуск реализации.
- - -
План утверждаю. Бери eng_project.md как источник правды
и начинай реализацию с первого шага.
Дальше — обычный диалог:
Задеплой приложение на Vercel
Всё! ✨