// the find
sdras/ecommerce-netlify
🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
A demo JAMstack storefront using Nuxt 2 + Netlify Functions + Stripe Checkout. Built as a teaching example by Sarah Drasner to accompany two CSS-Tricks articles on serverless payments and dynamic Nuxt routing. It's a learning resource, not a production starter.
The Netlify Functions integration is minimal and clear — two functions handle the payment intent and webhook, which is exactly the right surface area for understanding the pattern without noise. Product data lives in a static JSON file, making the data flow easy to trace end to end. The component breakdown is clean and maps directly to UI regions. Good companion to the CSS-Tricks writeups if you're trying to understand JAMstack checkout flows.
Last pushed January 2023 and built on Nuxt 2, which is end-of-life; migrating to Nuxt 3 would require a significant rewrite. Product catalog is hardcoded in `static/storedata.json` with no CMS, cart state lives in Vuex with no persistence, and there's no inventory management — none of which matters for a demo but bites you immediately if you try to build on it. The Stripe integration uses an older Checkout flow and there's no webhook signature verification in `handle-payment-succeeded.js`, which is a real security gap if anyone copies this to production.