shipped project
Sweet Layer.
Headless e-commerce storefront built with Nuxt and Payload CMS. Full product catalog, cart, checkout flow, and a clean content management backend.
$ less ./full-description
What this build covers.
Sweet Layer is a headless e-commerce storefront for an artisan bakery brand — built with Nuxt 3 on the frontend and Payload CMS as the content and commerce backend. The separation of concerns gives the team full control over the shopping experience without being locked into a monolithic platform.
Products, categories, and collections are managed through Payload's admin UI with a clean field schema: images, rich descriptions, variants (size, flavour), pricing, and stock levels. The Nuxt frontend fetches data at build time for static product pages and uses ISR for cart and checkout.
The cart is managed via Pinia with localStorage persistence. Checkout integrates with Stripe for payment processing. The whole stack is deployed on Vercel with Payload hosted on Railway — giving fast global CDN for the storefront with a fully managed Node.js backend.
ok
Headless architecture — Nuxt frontend decoupled from Payload CMS backend
ok
Product catalog with variants (size, flavour), rich descriptions and gallery images
ok
Pinia cart store with localStorage persistence across sessions
ok
Full checkout flow with Stripe Elements integration
ok
Payload admin UI for non-technical editors — no code required to update content
ok
ISR (Incremental Static Regeneration) for fresh product pages without full rebuilds
ok
SEO-optimised with Open Graph metadata generated per product page
$ find ./projects -related
Related builds.
2025 / Web App
Pulse Dashboard
SaaS analytics dashboard with real-time KPI cards, revenue area charts, customer table with slide-out panels, and full dark/light mode theming.
2025 / Web App
Noir Studio
Animated creative agency landing page with GSAP ScrollTrigger, SplitText line reveals, pinned horizontal scroll gallery, magnetic CTA and a custom dual-element cursor.
2026 / Web App
DataSync
SaaS landing page for a real-time database sync API. Offline-first architecture, automatic conflict resolution, and multi-platform SDK support showcased across a full marketing site.