2026 · Інженерія
Black Fox
Production-grade Next.js застосунок + CMS для бренду крафтових лимонадів
Контекст
Український бренд крафтових лимонадів. Production-сайт з історією бренду, повним асортиментом і контакт-воронкою, плюс окрема адмін-секція з повним керуванням контентом, продуктами, зображеннями, налаштуваннями і користувачами — команда може правити будь-що видиме на сайті без коду. Дизайн прийшов з боку клієнта; фронт, бек, база даних і адмінка — все з однієї пари рук.
Завдання
Взяти готовий дизайн і зібрати production-стек — Next.js 16, Drizzle, Postgres, next-auth, Resend, Vercel Blob — так, щоб нетехнічний власник міг керувати продуктами, контентом і зображеннями на бойовому сайті без розробника. Вітрина — швидка, мультимовна, SEO-чиста; адмінський шар тримає за нею весь CMS-обсяг.
Реалізовано
Next.js 16 + React 19 + TypeScript App Router з server components і server actions, Tailwind v4, next-intl на UA/EN. Бекенд у тому ж Next-застосунку — Drizzle ORM з типізованою схемою під site content / products / users / images / signatures, Postgres на Neon, drizzle-kit міграції + seeders для prod і dev. next-auth (beta v5) з bcrypt-хешуванням паролів для admin login. Resend для transactional email з контакт-форми. Vercel Blob з Sharp-WebP оптимізацією для editor-uploaded зображень. ExcelJS для product-list експортів. Адмін-секція за obscured URL з повною CMS-поверхнею: редагування контенту, реєстр зображень, products CRUD, signature / footer settings, керування користувачами. Кожен системний шар — зроблено руками.
