Создайте современную SaaS-платформу с поддержкой ИИ с помощью Claude Code

О проекте

Гэри Саймон показывает, как с помощью инструмента Claude Code разработать и запустить сервис Landscaip — веб-приложение для генерации ландшафтного дизайна по фотографии дома. Пользователь загружает снимок участка, маскирует нужные зоны и получает варианты оформления от нейросети.

Продукт создаётся с нуля как коммерческий SaaS. В него входят аутентификация пользователей, приём платежей, баланс внутренних кредитов и пайплайн генерации изображений, развёрнутый на платформе Vercel.

Стек технологий

Для создания приложения используется следующий стек инструментов:

• фреймворк Next.js 16 с архитектурой App Router и серверными компонентами;
• библиотека стилей Tailwind CSS 4;
• платформа Supabase для управления базой данных PostgreSQL, хранилищем файлов и авторизацией;
• платежная система Stripe для разовых покупок и регулярных подписок;
• API Gemini от Google для генерации и редактирования изображений;
• Claude Code и серверы протокола MCP для написания кода и проектирования.

Технические решения

Автор разбирает архитектурные задачи, возникающие при создании коммерческих веб-сервисов. Вы настроите списание баланса с блокировкой строк на уровне PostgreSQL, что исключает ошибки при параллельных запросах и состояния гонки. Безопасность данных обеспечивают политики Row Level Security (RLS) на уровне базы данных.

В клиентской части создаётся холст для технологии in-painting, позволяющий выделять маской отдельные участки фотографии для точечной генерации. Сервис настраивается как прогрессивное веб-приложение (PWA) с прямым доступом к мобильной камере, интегрирует вебхуки Stripe для обработки платежей и авторизацию через Google OAuth.

Кому подойдёт

Материал рассчитан на разработчиков, которые планируют создавать продукты с поддержкой искусственного интеллекта, а также на фрилансеров, формирующих портфолио готовых веб-приложений. Обучение построено вокруг сквозного практического примера от проверки идеи и брендинга до развёртывания в рабочей среде.

Формат и детали

Обучение проходит на английском языке. Помимо программирования автор рассматривает валидацию идеи, создание фирменного знака и работу с Figma MCP для прототипирования интерфейсов.