To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/PedroTech/ . You’ll also get 20% off an annual premium subscription.
Learn how to build a sleek, full-stack ecommerce platform using Next.js 15, Tailwind CSS, Stripe, and Zustand for state management. In this tutorial, you'll integrate modern web technologies to create dynamic product pages, a responsive design, and a secure checkout flow.
🌟 Support My Work: https://buymeacoffee.com/pedrow
📰 Join My Newsletter: https://www.pedrotech.co/newsletter
📖 Video Resources:
Github Repo Used: https://github.com/machadop1407/ecommerce-nextjs-fullstack-app
🚀 Courses & Tutorials:
Learn ReactJS By Building 6 Projects: (https://codedamn.com/learn/reactjs-projects)
GraphQL Course for Beginners: https://codedamn.com/learn/graphql-for-beginners)
💻 Check out my Blog: https://www.pedrotech.co
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/in/pedrotech/)
👨💻 GitHub: https://github.com/machadop1407
📋 Business Email:
[email protected]
Timestamps:
00:00:00 - Intro / Sponsorship
00:01:44 - Setup
00:06:16 - Creating Navbar
00:10:51 - Creating Home Page
00:39:34 - Creating Products Page
00:54:49 - Creating Product Detail Page
01:03:49 - Setup Cart Store
01:23:19 - Make Mobile Menu
01:34:36 - Creating Checkout Page
02:00:18 - Deploying Website