seanvermond.com - Technisch Overzicht

seanvermond.com is de hoofdwebsite van SVM Digital, gebouwd met Next.js 15 en het Blueprint design system. Content wordt beheerd via het gedeelde Payload CMS.

Tech Stack

• Framework: Next.js 15 (App Router)
• Styling: Tailwind CSS + Blueprint Design System
• Fonts: Syne (headings) + DM Mono (code)
• CMS: Payload CMS v3 (cms.seanvermond.com)
• Deployment: Coolify (Docker, standalone output)
• Repo: svm-digital/seanvermond.com:main
• Coolify UUID: zo4owk4k8wkkg080sg0gk484

Blueprint Design System

Het Blueprint design system is een custom design system met:

• HSL CSS variabelen voor kleuren (light + dark mode)
• Syne font voor headings, DM Mono voor code
• Radix UI primitives (Dialog, Tooltip, ScrollArea, etc.)
• Class Variance Authority (CVA) voor component variants
• Tailwind CSS met custom configuratie

Key Bestanden

• src/app/globals.css — CSS variabelen en design tokens
• tailwind.config.ts — Tailwind configuratie met custom fonts en kleuren
• src/lib/utils.ts — cn() helper (clsx + tailwind-merge)
• src/lib/webhook.ts — Lead webhook integratie

Payload CMS Integratie

• Tenant: ID 1
• API Key user: api-seanvermond@seanvermond.com
• ISR met revalidate: 3600 + on-demand revalidatie
• Lexical editor voor rich text content