РОЗБІР_КЕЙСУ // АКТИВНО

Portfolio CMS

Цей сайт: двомовна портфоліо-платформа на Next.js 16 App Router із вбудованим Payload CMS 3. Увесь контент редагується в адмін-панелі та оновлюється без редеплою.

АКТИВНИЙNODE_PORTFOLIO_CMSNext.js 16Payload CMS 3TypeScriptTailwind CSS 4PostgreSQL

ВІДКРИТИ ЖИВЕ ДЕМО ПЕРЕГЛЯНУТИ ВИХІДНИЙ КОД

[01]Стислий огляд / Резюме кейсу

МЕТАДАНІ СТАТУСУ ФАЙЛУ

РОЛЬСоло-розробник — Frontend, CMS та архітектура бекенду

ПЕРІОДQ1–Q2 2026

РЕПОЗИТОРІЙgithub.com/MaksymZak/portfolio-next-payload

ДЕМОportfolio.maksymzak.dev

[02]Наміри та технічні цілі

01 / ЦІЛЬ
Змодельовано контент-схему в Payload CMS з локалізацією на рівні полів EN/UK — один документ обслуговує обидві мови.
02 / ЦІЛЬ
Побудовано теговий шар кешування: React.cache на запит та unstable_cache із revalidateTag, який спрацьовує з хуків CMS при публікації.
03 / ЦІЛЬ
Сторінки кейсів генеруються статично через generateStaticParams і ревалідуються при редагуванні контенту — без ребілдів.
04 / ЦІЛЬ
Написано ідемпотентний двомовний seed-скрипт, що розгортає всю базу однією командою.

[03]Збірка та стек технологій

Next.js 16

Payload CMS 3

TypeScript

Tailwind CSS 4

PostgreSQL

[04]Технічна глибина

Строга шаруватість: RSC-сторінки читають лише з кешованих репозиторіїв, увесь доступ до CMS іде через єдину точку входу Payload Local API, а клієнтські компоненти отримують дані як пропси. Чотири бруталістські теми на дизайн-токенах Tailwind CSS 4 з повною підтримкою reduced motion.