Nexus — Starter Kit для мобильного лендинга с админ панелью

Производственный маркетинговый сайт и панель управления контентом для мобильных приложений. Редактируйте каждое слово, изображение, цену и FAQ прямо из встроенной админ-панели — никаких изменений кода и повторной публикации.

Создан на Next.js 16, Prisma, TypeScript, Tailwind CSS 4 и shadcn/ui. Поставляется с 626 автоматизированными тестами, строгой безопасностью (JWT + CSRF + ограничение скорости), SEO, дружелюбным к SSR, соответствием GDPR, многоступенчатым Dockerfile и CI-пайплайном GitHub Actions.

Включено

Лендинг страница (15 секций)

• Героик с автоперекатывающимся каруселем телефонов

• График статистики, сетка функций, галерея скриншотов

• Как это работает, отзывы, цены (месяц/год)

• Пресса и награды, таблица сравнения

• FAQ (поиск), рассылка, контактная форма

• CTA, подвал, согласие на использование cookies

Админ-панель (17 страниц)

• Панель управления с KPI, графиками, топ-странами

• Полное CRUD для: скриншотов, функций, отзывов, цен, FAQ, прессы, сравнения, как-это-работает, подвала

• Редактор тем в реальном времени (цвета, 5 шрифтов, радиус)

• Блог с редактором Markdown (черновик/публикация)

• Входящие сообщения, журнал аудита, настройки, учетная запись

Безопасность & соответствие

• Аутентификация JWT (jose HS256) + httpOnly cookies

• bcrypt (cost 12) + версионирование сессий

• Защита CSRF + ограничение скорости

• Валидация загрузки изображений через Magic-bytes

• GDPR: согласие на cookies, право на стирание, право на доступ

Опыт разработчика

• 626 пройденных тестов (Vitest + Playwright)

• 65КБ документации (README + FEATURES + SECURITY)

• Многоступенчатый сборка Docker (Alpine, non-root)

• CI GitHub Actions (lint + type-check + test)

• SQLite для нулевой конфигурации dev, Postgres-ready для продакшена

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

• Фреймворк: Next.js 16.1.1 (App Router, standalone output)

• Язык: TypeScript 5 (strict + noImplicitAny)

• Среда выполнения: Bun 1.3

• UI: React 19, shadcn/ui (New York), Radix UI

• Стили: Tailwind CSS 4, tw-animate-css

• База данных: Prisma 6 + SQLite (PostgreSQL-ready)

• Аутентификация: Пользовательский JWT (jose HS256) + bcryptjs

• Валидация: Zod 4

• Графики: Recharts

• Формы: react-hook-form + @hookform/resolvers

• Иконки: Lucide React

• Уведомления: Sonner

• Тестирование: Vitest 4 + Testing Library + jsdom

• E2E: Playwright (Chromium)

• Линтинг: ESLint 9 + eslint-config-next

• CI/CD: GitHub Actions

• Контейнер: Docker (многоступенчатый, Alpine)

Демо онлайн

Попробуйте полный демо — регистрация не требуется: