NODE_STUDY // ACTIVE

Portfolio CMS

This site itself: a bilingual portfolio platform on Next.js 16 App Router with embedded Payload CMS 3. Every piece of content is editable in the admin panel and goes live without a redeploy.

LIVENODE_PORTFOLIO_CMSNext.js 16Payload CMS 3TypeScriptTailwind CSS 4PostgreSQL

OPEN LIVE DEMO VIEW SOURCE CODE

[01]Executive Summary / Overview

This site itself: a bilingual portfolio platform on Next.js 16 App Router with embedded Payload CMS 3. Every piece of content is editable in the admin panel and goes live without a redeploy.

STATUS FILE METADATA

ROLESolo Developer — Frontend, CMS & Backend Architecture

PERIODQ1–Q2 2026

REPOgithub.com/MaksymZak/portfolio-next-payload

DEMOportfolio.maksymzak.dev

[02]Aims & Technical Goals

01 / GOAL
Modeled the content schema in Payload CMS with field-level EN/UK localization — one document serves both locales.
02 / GOAL
Built a tagged cache layer: React.cache per request plus unstable_cache with revalidateTag fired from CMS hooks on publish.
03 / GOAL
Case pages are statically generated via generateStaticParams and revalidate on content edits — no rebuilds.
04 / GOAL
Wrote an idempotent bilingual seed script that provisions the entire database in one command.

[03]Technology Assembly & Stack

Next.js 16

Payload CMS 3

TypeScript

Tailwind CSS 4

PostgreSQL

[04]Technical Depth

Strict layering: RSC pages read only from cached repositories, all CMS access goes through a single Payload Local API entry point, and client components receive data as props. Four brutalist themes on Tailwind CSS 4 design tokens with full reduced-motion support.