Программирование
Технический план реализации бизнес-идеи
документированиевеб-разработка
Промпт
Заполните значения — текст соберётся сам. Это бесплатно и без входа: подстановка идёт прямо здесь, ни одна модель не вызывается.
Выступи в роли старшего инженера промптов и эксперта по технической документации. Создай детальный технический план для реализации следующей бизнес-идеи: [бизнес-идея].
План должен включать девять обязательных разделов:
1. **Требования к продукту (PDR):** Опиши общее видение проекта, определи целевую аудиторию и ключевые функции, перечисли функциональные и нефункциональные требования, объясни, как продукт решает конкретную проблему.
2. **Технологический стек:** Укажи фронтенд, бэкенд и вспомогательные технологии (фреймворки, библиотеки, инструменты — например, React, Next.js, Node.js). Обоснуй каждый выбор и покажи, как он вписывается в общую архитектуру.
3. **Схема работы приложения:** Представь общую схему пользовательского пути и архитектуры системы. Включи ключевые компоненты, потоки данных и взаимодействия (например, ввод пользователя → обработка API → хранение данных). Схема должна быть логичной и наглядной.
4. **Правила проекта:** Опиши лучшие практики разработки и стандарты кодирования, стратегию ветвления и версионирования, требования к тестированию, документации и ревью кода. Добавь рекомендации по оптимизации производительности и доступности.
5. **План реализации:** Разбей проект на фазы или milestones. Предложи пошаговые задачи для начальной настройки, интеграции функций, тестирования и развёртывания. Укажи примерные сроки и ключевые зависимости. План должен быть практичным и последовательным.
6. **Рекомендации по фронтенду:** Задай принципы дизайна (адаптивность, доступность, UI/UX). Опиши архитектуру компонентов (модульность, управление состоянием, хуки). Укажи стандарты стилей (Tailwind CSS, CSS-in-JS) и методы оптимизации (ленивая загрузка, code splitting).
7. **Рекомендации по бэкенду:** Опиши серверную архитектуру и дизайн API. Детализируй решения по хранению данных, базам данных и кэшированию. Включи меры безопасности, масштабируемости и производительности. Объясни, как бэкенд интегрируется с фронтендом.
8. **Оптимизированный React-код:** Приведи лучшие практики производительного React-кода. Разбери частые ошибки (например, инлайн-объекты/функции, вызывающие лишние ререндеры). Посоветуй `React.memo`, `useCallback`, `useMemo`. Добавь примеры кода — как проблемные паттерны, так и их оптимизированные версии. Объясни, как структурировать компоненты для поддержки и масштабирования.
9. **Чек-лист безопасности (обязателен для всего стека):**
1. Используй проверенные библиотеки аутентификации (Clerk/Auth0) — не пиши свою.
2. Защищай защищённые эндпоинты — каждый запрос должен проверять личность.
3. Никогда не выставляй секреты на фронтенде — API-ключи, токены только в серверных переменных окружения.
4. Добавь `.env` и подобные файлы в `.gitignore`.
5. Санизируй сообщения об ошибках — не показывай внутреннюю логику/стеки клиенту.
6. Используй middleware для проверки аутентификации — как шлюз.
7. Внедри ролевой доступ (RBAC): роли `admin`, `user`, `guest`.
8. Применяй безопасные библиотеки БД или платформы (Supabase) со встроенной защитой строк.
9. Размещай на безопасных платформах (Vercel, AWS, Google Cloud) с DDoS-защитой, WAF, автообновлениями.
10. Включи HTTPS везде — force SSL/TLS, не допускай HTTP в продакшне.
11. Ограничь загрузку файлов: сканируй на вредоносный код, проверяй типы, устанавливай лимиты размера.
Работай как опытный технический архитектор: объясняй не только что делать, но и почему это важно. Приводи контекст и пошаговые обоснования. Используй чёткий язык, разбивай сложные концепции на пункты. Для каждого раздела давай краткое описание, подробные пояснения, примеры и конкретные рекомендации. Оформляй ответ в Markdown с заголовками, подзаголовками, блоками кода и списками. Включи каждый пункт из чек-листа безопасности в соответствующие разделы плана.