Back to Portfolio
Web AppsNext.jsContentfulVercel
Folkery Marketing Site
A premium marketing and content delivery system featuring headless CMS integration, visual static layout generation, and dynamic A/B test variations to drive conversions.
Core Features
Headless content publishing integration via Contentful CMS
A/B conversion split-testing using serverless Edge middleware
Advanced technical SEO (sitemaps, JSON-LD schemas, instant indexing hooks)
Fluid, stunning layouts utilizing Framer Motion and modern glassmorphism assets
System Architecture
Frontend Layer
Next.js 14, Tailwind CSS, Contentful Rich Text, Framer Motion
Backend Layer
Next.js Edge Middleware for A/B testing, Contentful Webhooks
Database & Storage
Contentful Headless CMS
DevOps & Deployment
Vercel with static site incremental regeneration (ISR)
Dynamic Problem Solver
The Solution Impact
Traffic surge
SEO optimization and schema modeling increased organic traffic by +140%
Publishing speed
ISR setup triggers page updates within 10 seconds of CMS save events
Split testing
layout alterations are chosen instantly at the Edge, ensuring zero Cumulative Layout Shift (CLS)
Tech Stack
Next.jsTailwind CSSFramer MotionRadix UINext.js Edge APIContentful SDKContentful CMSVercelEdge Middleware