15 идей для портфолио: быстрые проекты в формате вайбкодинга

Коротко: суть подхода и зачем он нужен

Здесь — про небольшие, но настоящие проекты, которые собираются с ИИ‑ассистентами (Cursor, Claude Code, Codex) на привычном стеке: Next.js/React/TypeScript, базы и API. Цель — быстро проверить гипотезу, выпустить прототип или MVP и упаковать результат в кейс. В B2B, IT и услугах такой темп ускоряет пресейл, продажи и внутреннюю автоматизацию без затяжной разработки. Этот подход я называю вайбкодингом.

Ключевые принципы: короткие итерации с ощутимым результатом; код в GitHub; деплой на Vercel/Render или российский VPS; дальше — масштабирование как у обычного проекта. Формат одинаково хорош и для портфолио, и для быстрых пилотов.

Что реально собрать: по уровням сложности (лендинг → MVP → сервис)

Коротко:

• Лендинг + форма + сбор заявок: 1–2 дня у новичка. Подходит для старта и отлично пополняет портфолио.
• Боты и интеграции (вебхуки, n8n): 2–3 дня.
• Мини‑CRM/дашборд на SQLite/Prisma: 4–7 дней.
• MVP‑сервис с авторизацией и API: 7–14 дней.
• PWA/офлайн‑режим, очереди, фоновые задачи — добавьте ещё 2–5 дней.

Выбирая идею, отталкивайтесь от прикладной пользы: сэкономить время процесса, упростить сбор данных, сделать быстрый расчёт или показать демо‑витрину.

15+ идей проектов с оценкой сложности, сроков и стартового стека

Таблица поможет выбрать идею и понять, что реально собрать уже на этой неделе.

Идея	Цель/ценность	Сложн. (1–3)	Сроки новичок	Сроки продвинутый	Инструменты
Лендинг оффера с формой	Быстро проверить спрос	1	1–2 дн	0.5–1 дн	Next.js, Tailwind, n8n вебхук, Vercel
Telegram‑бот FAQ/лидоген	Сократить рутину ответов	1	2–3 дн	1–2 дн	Bot API, n8n, Render/VPS
Парсер прайсов → Sheets	Мониторинг конкурентов	2	2–4 дн	1–2 дн	Node, Puppeteer, Cron, VPS
Мини‑CRM на SQLite	Учёт лидов/сделок	2	4–7 дн	2–4 дн	Next.js, SQLite, Prisma, Auth
AI‑ассистент по PDF	Быстрые ответы по документам	2	3–5 дн	2–3 дн	Embeddings, RAG, Next.js API
Генератор брифов	Стандартизация пресейла	1	1–2 дн	0.5–1 дн	Prompt templates, Next.js
Калькулятор окупаемости	Быстрые расчёты юнит‑экономики	1	1–2 дн	0.5–1 дн	React, формулы, PWA
Дашборд операций	Сводка KPI из источников	2	3–6 дн	2–3 дн	Next.js, API, Charts, Render
Монитор отзывов	Ранний сигнал проблем	2	3–5 дн	2–3 дн	Scraper, Sentiment, CRON
Генератор резюме/писем	Ускорить отклики	1	1–2 дн	0.5–1 дн	Next.js, LLM prompts
Прайс‑лист как сервис	Умная выдача прайсов	2	4–7 дн	2–4 дн	Next.js, PostgreSQL, Prisma
Проверка договоров	Риски и правки	3	5–10 дн	3–5 дн	RAG, Policies, Audit logs
Подбор поставщиков	Поиск по каталогу	2	3–7 дн	2–4 дн	Scrape+DB, фильтры, API
Экспорт отчетов по API	Автоотчёты менеджерам	2	3–5 дн	2–3 дн	n8n, API, Email/PDF
Внутренний поиск знаний	Ответы по базе знаний	3	7–14 дн	4–7 дн	Vector DB, RAG, SSO

Эти проекты закрывают типовые потребности B2B и услуг. Для портфолио берите самые короткие и прикладные — на них проще показать ценность.

Как выбрать идею для первого проекта: критерии и примеры

Быстрый фильтр:

• Польза за 1 сессию: пользователь видит результат за 3 минуты или меньше.
• Один сценарий: одна форма/кнопка/бот‑команда.
• Данные у вас под рукой: прайсы, PDF, текстовые базы.
• Деплой без платежей: Vercel/Render фри или российский VPS.
• Понятный успех: 1 метрика (заявки/запросы/скачивания).

Примеры: «генератор брифов» с автосохранением в Google Sheets; «бот FAQ» для входящих лидов; «мини‑CRM» для 3 стадий сделки.

Пошаговый план: от идеи до деплоя (чек‑лист на каждый шаг)

1. Сформулируйте проблему и аудиторию

• Что для пользователя ценно за 3 минуты?
• Какая метрика покажет пользу в 7 дней?

2. PRD на 1 страницу

• Контекст, цель, один сценарий, не‑функциональные требования (скорость, роли, данные), критерий готовности.

3. Архитектура и стек (минимум)

• Front: Next.js/React/TypeScript; Data: SQLite/PostgreSQL + Prisma; ИИ: prompts; Интеграции: API, n8n, вебхуки.

4. Сборка через ИИ‑IDE

• Работайте в Cursor/Claude Code/Codex; короткие итерации; фиксация в GitHub.

5. Тесты и данные

• Набор тестовых кейсов, 10–20 примеров ввода/вывода; логируйте ошибки.

6. Деплой

• Быстрый Vercel/Render; при ограничениях — российский VPS (Docker + nginx).

7. Измерение

• Логи, события «submit/success/error», дашборд на странице /admin.

8. Кейс и релиз

• Скриншоты, демо‑видео, цифры, ограничения, следующий шаг.

Шаблоны промптов и примеры запросов для популярных задач

Копируйте и подставляйте контекст/переменные под ваш домен.

1. Лендинг оффера (Next.js) Промпт: «Ты — senior фронтенд. Создай в Next.js страницу лендинга: заголовок, буллеты, форма email+комментарий, валидация, POST /api/lead. Tailwind, адаптив, тёмная тема. Напиши компонент и API‑роут. Добавь события submit/success/error.»

Пример API‑роута (pages/api/lead.ts):

import type { NextApiRequest, NextApiResponse } from 'next'
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
  if (req.method !== 'POST') return res.status(405).end()
  const { email, comment } = req.body || {}
  if (!email) return res.status(400).json({ ok:false, error:'email_required' })
  console.log('lead', { email, comment }) // TODO: send to n8n webhook
  return res.status(200).json({ ok:true })
}

2. Telegram‑бот (FAQ/лидоген) Промпт: «Собери Node‑бота с командами /start, /faq, /leavelead. Храни состояние в SQLite через Prisma. Отправляй лиды вебхуком в n8n. Добавь .env, обработку ошибок и retry.»

3. Парсер цен Промпт: «Собери скрипт Puppeteer: открыть список URL, вытащить цену по селектору, нормализовать валюту, записать в CSV. Добавь CRON и экспоненциальный бэкофф.»

4. Мини‑CRM Промпт: «Создай Next.js мини‑CRM: таблица лидов (email, статус, сумма, источник), формы добавления/редактирования, фильтры по статусу, пагинация. База SQLite через Prisma. Auth по magic‑link. События логируй.»

Эти заготовки ускоряют работу и дают понятные зацепки для портфолио.

Техстек и инструменты (что работает из РФ в 2026)

Соберите минимальный стек, доступный и по оплате, и по деплою.

Сравнение инструментов

Категория	Инструмент	Доступ из РФ	Оплата	План/цена (ориентир)	Комментарий
ИИ‑IDE	Cursor	обычно доступно	зарубежная/агрегаторы	фри/платно	Удобен для промптов в коде
ИИ‑IDE	Claude Code	обычно доступно	зарубежная/агрегаторы	фри/платно	Силен в рефакторинге
ИИ‑IDE	Codex	обычно доступно	зарубежная/агрегаторы	фри/платно	Хорош для генераций модулей
Репозиторий	GitHub	доступно	бесплатно/платно	фри/платно	Частные репо для MVP
Хостинг	Vercel	частично	зарубежная/агрегаторы	фри/платно	Быстрый деплой Next.js
Хостинг	Render	частично	зарубежная/агрегаторы	фри/платно	Бэкенд/воркеры
Хостинг	VPS (RU)	да	рубли	по тарифу провайдера	Для требований локализации
Базы	SQLite	да	—	бесплатна	Идеальна для старта
Базы	PostgreSQL	да	—	бесплатна	Для продакшн/MVP
ORM	Prisma	да	—	бесплатна	Миграции и типобезопасность
Автоматизация	n8n	да	—	бесплатна/self‑host	Вебхуки, интеграции

Практически: начинайте с SQLite+Prisma и Vercel; при ограничениях — российский VPS. Если нужен no‑code, есть конструкторы, но кодовый стек даёт контроль и переносимость.

Чек‑лист кейса: как оформить проект в портфолио (структура, что показать)

Структура кейса (1–2 экрана текста + визуалы):

• Контекст и задача: кто пользователь и что ему мешало.
• Гипотеза и метрика успеха: какая цифра должна измениться.
• Решение: архитектура, стек (Next.js/TypeScript, SQLite/PostgreSQL, Prisma, n8n, API), почему так.
• Реализация: ключевые экраны/эндпоинты, как тестировали, деплой (Vercel/Render/VPS).
• Результат: цифры за 7–14 дней (конверсия, скорость, сокращение ручных операций).
• Ограничения и риски: что отложили; план следующей итерации.
• Код и эксплуатация: структура репозитория, команды запуска, как обновлять.

Монетизация: как продавать услуги и продукты, примеры тарифов и каналов

Способы:

• Услуга «MVP за 7–14 дней»: фикс‑пакет с чётким PRD и демо.
• Продукты: шаблоны ботов/лендингов/мини‑CRM, платные пресеты промптов.
• Подписки на мини‑сервисы (отчёты, мониторинги), аккуратно с скоупом.
• Апселл к консалтингу: аудит процессов + автоматизация на n8n и вебхуках.

Каналы: кейсы в портфолио, демонстрации на митапах, партнёрства с интеграторами. Обязательно указывайте юридические условия обработки данных и модель ответственности ИИ.

Частые ошибки и как их избежать

• Размытый PRD: лечится шаблоном на 1 страницу и одной метрикой успеха.
• Переинжиниринг: начните с SQLite и без ролей, добавьте позже.
• «Всё и сразу» в боте: одна команда — один результат.
• Отсутствие логов: добавьте серверные логи и события интерфейса.
• Игнор требований данных: проверьте 152‑ФЗ/GDPR и место хранения.
• Нет деплоя: публикуйте на Vercel/Render/VPS в первый же день.

Готовые ресурсы: репозитории, шаблоны, таблицы с оценками

Шаблон PRD (пример заполнения)

• Контекст: отдел продаж тратит 2 часа на сбор брифа.
• Цель: сократить до 15 минут.
• Пользователь: менеджер пресейла.
• Сценарий: форма → валидатор → экспорт в Sheets → уведомление.
• Данные: контакт, бюджет, дедлайн.
• НФТ: время ответа < 1 с, доступ только по ссылке.
• Метрика: % корректных брифов, среднее время заполнения.

Структура репозитория

app/
  page.tsx
  api/
    lead/route.ts
  admin/page.tsx
prisma/
  schema.prisma
scripts/
  scrape-prices.ts
packages/
  ui/
.env.example
Dockerfile
README.md

Команды

• Dev: npm run dev
• Prisma: npx prisma migrate dev && npx prisma studio
• Build: npm run build
• Start: npm start

Деплой

• Vercel: vercel → vercel —prod
• Render: Dockerfile + веб‑сервис, переменные окружения из .env
• VPS: Docker Compose, reverse‑proxy nginx, systemd для воркеров

Мини‑проверки производительности

• TTFB < 200 мс на главной; время ответов API < 400 мс при 95 перцентиле.
• Скрипты парсера с бэкоффом и ограничением частоты запросов.

Чек‑листы по безопасности и соответствию требованиям данных

Персональные данные (152‑ФЗ/GDPR)

• Минимизируйте сбор: только нужные поля; укажите цель обработки.
• Разделите prod/dev данные; шифруйте секреты (env‑переменные).
• Логи без PII; удаление по запросу; политика хранения сроков.
• Договоры с провайдерами (обработчики данных), локализация, где нужно.

ИИ и ответственность

• Декларация использования LLM; дисклеймер на выводы.
• Запрет обучения на пользовательских данных без согласия.
• Чёрные списки промптов для конфиденциальных тем.

Безопасность приложения

• Rate‑limit на публичных эндпоинтах; CSRF для форм.
• Регулярные обновления зависимостей; аудит npm‑пакетов.
• Резервные копии БД; ротация ключей.

Мини‑кейсы: что реально собрать в формате вайбкодинга

1. Лид‑лендинг для студии: +14% заявок за 10 дней, сбор лидов в n8n, фильтр мусора на сервере, деплой на Vercel. Проект прост в исполнении, но ценен для продаж.
2. Бот техподдержки: сократил нагрузку L1 на 35% за 2 недели, логика в n8n, кэш ответов. Деплой на VPS.
3. Мини‑CRM: сокращение времени обработки сделки с 15 до 7 минут, экспорт отчётов по API раз в сутки.

На 2026 год: расширенный список идей для вайбкодинга

• Внутренний поиск по базе знаний и чат‑ассистент для онбординга.
• Автоанализ звонков и письмо‑резюме встречи.
• Каталог поставщиков с фильтрами и экспортом прайсов.
• Чекер договоров по внутренним политикам и «красным фразам».

Эти идеи масштабируются в сервисы с оплатой и аккаунтами, когда подтвердится ценность.

Как начать: минимальный маршрут на 3 дня

День 1: PRD на 1 стр., репозиторий в GitHub, скелет Next.js. День 2: форма/бот‑команда, серверный обработчик, логи. День 3: деплой, метрики, оформление кейса и следующий шаг.

Дополнительно: PWA и офлайн

Если пользователи в полях без связи, добавьте PWA: кэш интерфейса, очереди запросов, синхронизация при онлайне. Это повышает ценность MVP в B2B.

---

Итого: начните с одного короткого сценария, используйте промпты, чек‑листы и шаблон PRD. Прототип и деплой за 3–7 дней — реальная цель для портфолио и первых платных пилотов.