Landing
AI
Content
Factory
01. КатегорияLanding
02. РольFull-stack, Product
03. Датаноя 2025
Next.jsTypeScriptAI SDKThree.jsSupabaseTailwind CSSNext.jsTypeScriptAI SDKThree.jsSupabaseTailwind CSSNext.jsTypeScriptAI SDKThree.jsSupabaseTailwind CSSNext.jsTypeScriptAI SDKThree.jsSupabaseTailwind CSS
Продавать AI-продукт текстом — всё равно что рассказывать о вкусе еды по телефону. Цель — дать потенциальному клиенту запустить генерацию самому: один код, один клик, живой результат прямо на лендинге.
AI Content Factory
Вызов
Показать AI живьём
Обычный лендинг не передаёт ценность AI-продукта — клиент должен увидеть результат до покупки.
- — Текст и скриншоты не убеждают — нужна живая демонстрация генерации
- — Доступ к демо нельзя открывать всем подряд — нужна система кодов
- — Тяжёлые медиа-ассеты (видео, изображения) замедляют загрузку
Решение
Интерактивная витрина
Лендинг с встроенными AI-эндпоинтами: посетитель вводит код, запускает генерацию и видит результат прямо на странице.
- + API-роуты для генерации изображений и видео через AI Gateway
- + Система одноразовых кодов с валидацией и логированием запусков
- + Supabase Storage для CDN-раздачи медиа с сервер-сайд загрузкой
Архитектура & Стек
Mindmap
NODE.01
AI Gateway
Генерация медиа
AI SDK · @ai-sdk/google · Next.js API Routes
NODE.02
3D Frontend
Визуальный слой
Three.js · @react-three/fiber · React 19
COREEngine
NODE.03
Access Control
Доступ по кодам
Supabase · bcryptjs · Zod
NODE.04
Media Storage
Хранение ассетов
Supabase Storage · Next.js · TypeScript
NODE.01
AI Gateway
Генерация медиа
AI SDK · @ai-sdk/google · Next.js API Routes
NODE.02
3D Frontend
Визуальный слой
Three.js · @react-three/fiber · React 19
NODE.03
Access Control
Доступ по кодам
Supabase · bcryptjs · Zod
NODE.04
Media Storage
Хранение ассетов
Supabase Storage · Next.js · TypeScript
COREEngine
Измеримый результат
Бизнес Импакт
0
кликов до демо
24/7
автономная генерация
1 код
контролируемый доступ