Next.js E-Commerce App Full Tutorial with the Best Headless Solution

Next.js E-Commerce App Full Tutorial with the Best Headless Solution

5/20/2024

Description

Full-stack e-commerce app project with React Next.js, Tailwind, and Wix Headless. Next.js shopping app course with server actions & headless CMS.

Wix Headless - https://www.wix.com/studio/developers/headless

Wix Headless Docs - https://dev.wix.com/docs/go-headless

Wix Headless Templates - https://www.wix.com/studio/developers/headless/templates

Join the upcoming React Master Course waitlist - https://list.lama.dev

If it is valuable to you, you can support Lama Dev.

Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join

Buy me a coffee: https://www.buymeacoffee.com/lamadev

Join Lama Dev groups

X / Twitter: https://x.com/lamawebdev

Facebook: https://www.facebook.com/groups/lamadev

Instagram: https://www.instagram.com/lamawebdev

Discord: https://discord.gg/yKremu4mPr

Source Code

Starter Branch: https://github.com/safak/next-ecommerce/tree/starter

Completed Version: https://github.com/safak/next-ecommerce/tree/completed

Chapters

Introduction
7:26
Next.js Installation
2:18
Next.js App Router Creating Pages and Layout
3:48
Next.js Responsive Navbar Menu with Tailwind CSS
11:46
Next.js Search Input
7:22
Responsive Navbar Icons and Modals
10:03
Next.js E-commerce Cart Component Design
11:12
Next.js Slider Tutorial (Create Your Own Slider)
12:42
E-commerce App Product List Page Design
7:55
Sliding Category List Design
5:23
Next.js Footer Component Design
9:26
E-commerce App Product List Page with Filters UI Design
7:30
E-commerce App Single Page Design
25:52
Next.js Wix Headless E-Commerce App Tutorial
7:59
Wix E-Commerce Headless Javascript SDK Tutorial
9:27
Next.js E-commerce App Fetch Products
8:37
Next.js Fetch Data with React Suspense (Loading Component)
10:05
E-commerce App Fetch Categories
6:20
E-commerce App Fetch a Single Product
5:23
Next.js How to Filter Product Options in an E-Commerce App
19:23
Next.js Product Quantity and Add to Cart Button
5:32
Next.js E-commerce App Filter Products
13:01
Next.js Product Page Pagination
8:18
Next.js Authentication with Wix Headless
43:48
Next.js Wix E-commerce Cart Functionalities
6:09
Next.js Zustand Tutorial (E-Commerce Cart State)
21:12
Next.js Wix E-commerce Checkout Tutorial
13:48
Next.js Wix E-commerce Orders
14:50
Next.js Wix E-commerce User Profile Page
11:53
Next.js Form Handling with Server Actions
14:09
Next.js E-commerce App User Reviews for Products
16:52
Outro
0:34