2026

De Nouveau

Portfolio website for an architecture studio, built around project showcases, a headless CMS, and an efficient media management system.

Product Design / Full Stack Development / CMS Architecture / Deployment

De Nouveau homepage featuring a timber architecture project in a wooded landscape

Project overview

Designed and developed a premium portfolio website for an architecture studio, featuring a minimalist editorial aesthetic focused on showcasing architectural projects.

Implemented a headless CMS using Payload CMS, enabling the client to manage pages, projects, categories, images, videos, and SEO metadata through a dedicated administration interface.

Built a full-stack architecture using Next.js, PostgreSQL via Neon, Cloudflare R2 media storage through an S3-compatible setup, Vercel deployment, and automatic cache revalidation after content updates.

Created reusable project layouts — default, editorial, gallery focused, and minimal — allowing each project to be presented according to its visual or narrative requirements.

Configured a CI workflow with GitHub Actions to automatically run linting, formatting checks, tests, and production builds before deployment.

The resulting editorial workflow gives the studio direct control over its content and media while keeping each project presentation consistent.

Project context

De Nouveau needed a refined architecture portfolio website that could present projects with strong visual direction while remaining easy to update without developer intervention.

Technical approach

The project combines a Next.js frontend, a Payload CMS administration layer, PostgreSQL data storage, Cloudflare R2 media hosting and Vercel deployment to support structured content and reliable publishing.

SEO and maintainability

The CMS was designed to manage project pages, images, categories and SEO metadata, making the website easier to maintain and giving each architecture project its own crawlable content surface.