Собираю интернет-магазин на Next.js через AI с нуля — реальный процесс

Описание

Показываю как превратить макет в рабочий Next.js проект через AI — без магии, реальный процесс.
Берём прототип кофейни «Кофе на дорогу» и делаем из него настоящий мини-интернет-магазин.

Что внутри:
— загружаем макет и анализируем структуру
— настраиваем Next.js + Prisma + SQLite
— собираем первые страницы через Cursor + Claude
— разбираем ошибки: почему первый раз не получилось
— дорабатываем и получаем рабочий результат

Это не «одной кнопкой» — это нормальный процесс разработки.

Это четвёртый шаг в серии:
идея → прототип → инструменты → [вы здесь] код → деплой → поддержка

Полезные инструменты из видео:

Next.js — nextjs.org

Prisma ORM — prisma.io

Google AI Studio — aistudio.google.com

SQLite — sqlite.org

Zustand — zustand.docs.pmnd.rs

Подписывайтесь на «Код на автомате» — новые видео каждую неделю.

ТАЙМКОДЫ:
0:00 — Что будем делать: прототип → код
1:30 — Настройка проекта: Next.js + Git
4:00 — Первая попытка с AI — что пошло не так
7:30 — Разбираем ошибку и уточняем задачу
10:00 — Вторая итерация — результат улучшился
13:00 — Добавляем Prisma + SQLite
15:30 — Итоговый результат: рабочий мини-магазин
16:30 — Что дальше в серии

ХЕШТЕГИ:
#nextjs #нейросети #cursor #claudeai #программирование #вебразработка #fullstack