Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS

It took me around one month to bring you this fully functional, fully responsive and beautiful looking full stack e-commerce project with the latest trending top notch technologies, I have covered all important topics of creating a ecommerce website such as product listing, product detail page, shopping cart, payment gateway and so on…

Recommended Videos:

📚 Materials/References:

Tailwind installation guide for nextjs:

In this tutorial you’ll learn:
- Rapid UI building with Tailwind CSS
- Mobile first responsive approach
- Functional Programming through utility methods
- Strapi Headless CMS and its features
- Redux fundamentals and its best usage for cart functionality
- Complete cart functionality with add,update,delete actions
- Project deployment for frontend and backend

Follow me on 👇 

👇 Time Stamps
00:00:00 Intro & Demo
00:07:50 Project Setup
00:33:01 Header
01:22:14 Header Scroll Functionality
01:31:32 Footer
01:37:22 Homepage Banner Carousel
01:51:20 Homepage Heading & Paragraph
01:55:05 Homepage Product Listing
02:02:45 Category Page
02:11:15 Product Details Page
02:27:54 Related Product Carousel
02:35:38 Cart Page
02:53:50 Success & Failed page

Join this channel to get access to perks:

[priyobrotokar]

Awesome work sir ♥
TBH this is the best channel for me teaching all types of real world web apps in hindi ! Thanks a lot providing these beautiful projects in hindi

[SirajAhmed-kzgq]

This is one of the most remarkable projects I have ever encountered. Truly a masterpiece!

[satyaprakashsahoo]

I can really understand how much efforts you had added to this beautiful project

[mandardeshpande]

Bhai project ka overview dekh ke hi excitement badh jaati hai 👌👌👌

[himankshu]

I have visited many channels infact popular channels. Sometimes we want a project based learning but with proper understanding of ui and functionality. This channel fills that gap. ❤

[pzfuieu]

10/10 for the ui/ux. This would be the best ecommerce website on youtube if it had a dashboard for dynamic data

[dskull]

Your way of explaining slowly and smoothly is the best thing

[asifmiles]

Great tutorial. Very high quality & modern project sample choice.

Bhai thoda dekhna,
- please mention Part 1 in video title
- also try to mention which level of project is this, beginner or intermediate
- expecting more high quality and modern projects using different techs

Amazing content 💝

[usmanmarkaz]

Thanks sir i Really Love this You deserve million of subscribers.thanks again sir

[vaibhavbhardwaj]

I came here to see what's in it, and i found that this tutorial is really good. I'm in Vilnius and it will help me to crack internship.
Nice and great tut....

[arsanto]

to be honest ur voice tone is good for me to understand I am learning next js already tried other stuff but some how I found a kick on next and easy to handle not to much mgaj mari about routes keep up ur good work and gonna follow ur most of the project

[HaandiKitchen-bs-]

your content is more important than watching movies...

[rishabhS]

Amazing Project man!!
Unexpectedly great UI

[thisishabib]

Your are best react js projects creator. Love form 🇧🇩🇧🇩🇧🇩

[amt.rambo]

aise bande kahaan milenge mashallah lovely build bro Ramadan mubarak.

[Pankaj_Vijay]

Awesome work brother, you are my savior. you just save my job as a intern by giving me an idea how to build an e cmmerce site.

[sujalvanjare]

very good front end, learn a lot from this, thankyou, make more tutorial like this.

[NtecPhones]

The best Ecommerce site i saw in youtube tutorials GodLike stuck Thank you Js dev for this..! Hope you extend this project waiting for part 3🚀

[speedster]

Hey bro good content just wondering if you can add English subtitles or maybe a project in English so it will be possible for English speakers to also follow along content is really good

[afaqahmad]

Amazing brother 👏 after a long time. But plz make some videos on Frontend projects.