kobiakov.dev — Роботи, які можна перевірити
Сайт чотирма мовами, який перетворює виконану роботу на перевірні кейси й веде до проєктної заявки. Я розробив контентну платформу, галереї реальних екранів та аналітику з урахуванням згоди.
Переглянути матеріалиХронологія
2026
Роль
Розробник
SSR · SSG
Рендеринг
CMS + DB
Контент
4
Мови
Інженерний результат
Кейс → доречна послуга → проєктна заявка
Чесний вплив
Опублікована платформа чотирма мовами, де відвідувач може вивчити роботи, знайти доречну послугу й розпочати обговорення проєкту.
Матеріали проєкту
Що зроблено й що можна переглянути
- Обсяг роботи
- Сайт чотирма мовами з кейсами, послугами, заявками, підключенням контенту й кодом захищеної панелі.
- Що перевірено
- Випуск від 22 жовтня пройшов 363 unit-тести, локальну production-збірку та 56 HTTP-перевірок маршрутів. Галереї, навігацію й характерні стани 1440/768/390 px перевірено в браузері.
- Межі доказів
- Це перевірки випуску, а не виміряне зростання заявок. Для пошти, ШІ-чату, OAuth і CMS нове наскрізне приймання в цьому випуску не проводилося.
Платформа сайту · десктоп
Реальна головна з опублікованої версії від 22 жовтня 2026 року. Знімок показує робочий інтерфейс, а не дизайн-макет.
проблема
Допомогти відвідувачу зрозуміти пропозицію, побачити доречну роботу й перейти до корисного наступного кроку.
Виклик
Допомогти оцінити різні роботи з телефона, відрізнити реальні проєкти від демо та зробити поведінку заявок і аналітики зрозумілою.
Рішення
Я розробив платформу на Next.js із чотирма мовами, даними проєктів і статичним резервом, формами заявок і захищеною панеллю. Портфоліо доповнене реальними екранами, відомостями про перевірки, нативним FAQ та прямим шляхом від картки до повного кейсу.
Технічні особливості
Серверний рендеринг публічних сторінок і клієнтська інтерактивність там, де вона потрібна.
Чотири мови зі спільними ключами перекладів і передачею повідомлень за маршрутами.
Галереї реальних екранів зі збільшенням із клавіатури та мобільним компонуванням.
Дані Prisma/PostgreSQL із курованим статичним резервом.
Події аналітики перевіряють актуальну згоду та фільтрують особистий текст і параметри URL.
Автоматичні перевірки контенту, компонентів і типів; локальна production-збірка й браузерна QA.
Архітектура системи
Next.js 15 (App Router)
React 19
TypeScript
Prisma 6 + PostgreSQL
NextAuth.js v4
Sanity CMS
Google Gemini AI
Upstash Redis
GitHub Actions CI/CD
Vercel
Основні технології
Пов'язані проєкти
Потрібен сайт або інструмент під ваше завдання?
Почнемо з того, що мають зробити ваші клієнти чи команда. До розробки погодимо сторінки або процес, інтеграції та критерії приймання.