Uploaded October 2024 | Updated September 2026, 1 week ago

---

Build and deploy a full-stack e-commerce website with Next.js 15 and Wix Studio Headless. Great for (aspiring) freelancers or for your own portfolio.

Part 1: youtube.com/watch?v=gr--RC_naa0

Create a free Wix account: wix.com/studio

Full source code: github.com/codinginflow/nextjs-15-wix-store

⭐ Get my full-stack Next.js with Express & TypeScript course: codinginflow.com/nextjs
✅ Get my free React Best Practices course: codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: codinginflow.com/newsletter
💬 Join our developer community on Discord: codinginflow.com/discord

📣 Follow Coding in Flow on social media:
Twitter: twitter.com/codinginflow
Instagram: instagram.com/codinginflow
TikTok: tiktok.com/@codinginflow
Facebook: facebook.com/codinginflow

Timestamps:
0:00 - Dark mode (next-themes)
7:42 - Collections page (advanced layout.tsx fetching) & navigation menu
42:58 - Responsive pagination bar (server-side pagination via search params)
1:05:32 - Product search (progressive enhancement)
1:31:29 - Sort & filter, URL state, useOptimistic
2:30:59 - Responsive navbar (mobile menu)
2:46:19 - Checkout, payment providers, and shipping configuration
3:44:05 - Buy now button (single product checkout)
3:56:39 - Update member info (React Hook form)
4:15:28 - Past orders (infinite loading with useInfiniteQuery)
4:29:44 - Related products
4:44:35 - Product reviews with media uploads (image/video) & email automation
7:02:07 - Deployment to Vercel + URL setup (DNS records)