Я начала изучать vibe coding
Первая запись. Что такое vibe coding, почему я выбрала именно этот путь в разработку и как с помощью ИИ собрала свой первый настоящий сайт.
Что такое vibe coding
Vibe coding — это подход к разработке, при котором ты описываешь словами, что хочешь получить, а ИИ-ассистент помогает превратить это в работающий код. Ты задаёшь направление и принимаешь решения, а нудную рутину — настройку проекта, шаблонный код, конфиги — берёт на себя ассистент.
Для меня, как для новичка, это оказалось идеальной точкой входа. Вместо того чтобы месяцами зубрить синтаксис, я сразу начала строить настоящие вещи и попутно понимать, как они устроены.
Почему я выбрала этот путь
Раньше я думала, что чтобы сделать сайт, нужно сначала годами учить теорию. Но оказалось, что учиться можно прямо в процессе:
- видишь результат сразу — это мотивирует
- разбираешься в коде, который реально работает, а не в учебных примерах
- ИИ объясняет каждый шаг, если что-то непонятно
- ошибки не пугают — их можно быстро найти и починить
Главное — не превращаться в человека, который просто копирует ответы. Я стараюсь понимать каждую строчку, которую добавляю в проект.
Мой первый проект — этот сайт
Этот блог — моя первая серьёзная работа. Вот что под капотом:
- Next.js — фреймворк на React для фронтенда и бэкенда сразу
- TypeScript — типизированный JavaScript, ловит ошибки заранее
- PostgreSQL + Prisma — база данных и удобный способ с ней работать
- Tailwind CSS — стилизация без отдельных css-файлов
- Telegram-бот — форма обратной связи шлёт сообщения мне в Telegram
Сайт двуязычный (русский и английский), задеплоен на собственный VPS с HTTPS. Для первого проекта — это прямо много всего, и я горжусь, что разобралась.
Чему я научилась за это время
1. Как устроен современный веб-проект
2. Что такое маршрутизация, компоненты и состояние
3. Как работает база данных и запросы к ней
4. Как развернуть сайт на сервере с нуля
Vibe coding — это не «код за тебя». Это код вместе с тобой: ты учишься быстрее, потому что сразу видишь, как всё складывается в единое целое.
Что дальше
Хочу постепенно писать всё больше кода руками — без подсказок, чтобы по-настоящему закрепить знания. Буду делиться прогрессом здесь, в блоге. Если ты тоже думаешь начать — просто начни. Первый шаг самый важный 🌱