2026 stack
Payload 3.91, Next 16.4.2, React 19.2.6, PostgreSQL, Tailwind 4 and shadcn.
Commerce · Lab · 2025 – 2026
A personal lab for the latest stack.
Payload 3.91, Next.js 16, Stripe, Tailwind 4 — and a written engineering constitution. A personal project, not a client reference.
- Client
- Rocambolesque Atelier
- Sector
- Commerce · Lab
- Year
- 2025 – 2026
- Role
- Design & development
Personal project: no client relationship, no commercial result.
- Payload 3.91
- Next.js 16.4.2
- React 19.2.6
- 14 commits
- Personal project
Context
Rocambolesque Atelier is an online store I build for myself: products, variants, cart, Stripe checkout, transactional email.
It is also a testing ground: I apply standards there that I don't always impose on a client, and I document them.
The challenge
- 01Test the latest versions without putting a client project at risk.
- 02Write engineering rules that hold: server-first rendering, validated Server Actions, server components.
- 03Ship a complete payment flow, webhooks included.
What I built
Full payment flow
Stripe checkout, a dedicated webhook, confirmation emails with Resend, Vercel Blob storage.
A written constitution
A standards document mandates server-first rendering, Zod-validated Server Actions, `useOptimistic`, and design review through Figma MCP.
An honest project
This is not a client. There is no commercial result and no testimonial — only a method and code.
Architecture
- 01
Payload + PostgreSQL
- 02
Next.js 16 — RSC
- 03
Stripe Checkout
- 04
Webhook → Resend
Stack
- Next.js 16
- React 19
- PayloadCMS 3.91
- PostgreSQL
- Tailwind 4
- Stripe
- Resend
- Vercel Blob
What's next
Open the store to the public and measure what matters: speed, abandonment, quality of the product pages.
Transparency
No performance figures are published: audience and conversion data belong to the clients. The technical facts cited — versions, volume, languages — are verifiable.
A similar project?
Describe your context. I'll tell you what I would do, what I wouldn't, and in what order.
Next case study
Monacair × Héli Sécurité — Two helicopter operators, one platform.