Build & Deploy a Full Stack E-Commerce Website with Next.js & Strapi | Part-2 (Backend & Deployment)

This is the second part of our most loved Full Stack E-Commerce project, in this part we will complete the functionality and backend and at the end of this video we will deploy the complete project for free.

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 Strapi Installation & Postgres Database
00:08:06 Cloudinary Setup with Strapi
00:16:18 Collections creation in Strapi
00:25:15 Content Population in Strapi
00:34:55 API’s testing with Insomnia
00:58:10 Homepage Products Data Fetching & Mapping
01:28:05 Category DropDown Data Fetching & Mapping
01:36:40 Category Page Data Fetching & Mapping Through SSG & getStaticPath
01:54:45 Pagination Functionality
02:10:40 Product Details Page Data Fetching & Mapping
02:46:32 Redux Toolkit Setup For Cart
03:15:00 Cart Functionality
03:44:35 Stripe Payment Gateway Integration & Checkout Functionality
04:07:35 Github Repo’s Creation
04:12:28 Deploying Backend Code on Render
04:20:00 Deploying Frontend Code on Vercel

Join this channel to get access to perks:

[abdulHadiarbi]

Completed the project . It was very helpful and cleared many concept. waiting for 3rd video ❤

[rishabhS]

Just completed this project and successfully deployed.
Used Next-js 14 + Typescript. Added few minor features from my end too :)
Thanks a lot bro!!

[Harsh-fvkg]

The way you explain logical steps are just incredible. People like you are true gems in the programming world. The size of your audience doesn't matter keep up the good work, man!!

[AkshayMalde]

Amazing project for those who want to learn NextJs, StrapiV4, and Tailwind Css. Want more videos on NextJs, everything is explained properly Thank you so much JS Dev Hindi for this project.

[КонстантинУстименко-йй]

Good afternoon)))
Thank you for the video.
Everything works. There is a small question. When loading, as the categories of goods appear after a while, it was the same for you at first. Now you immediately see what you changed, how to fix it? Thank you in advance)))

[saniyasaher]

Just found your channel, subscribed just by seeing one video. I will definitely watch and learn from other videos as well from your channel

[DanhNguyen-ddhk]

the video is very useful, I hope the following videos will have "Captions" to help people who are not good at English like me to fully understand what you say! Thanks ♥️♥️

[Maifumei]

Great Sir, looking forward to the third installment, which includes search, login, registration, and comments💕💕💕

[azharmahmood]

Really a nice video and teaching style is excellent, please keep it up!

[Muzafar.A]

masterpiece, project is no doubt awesome, but most importantly explaining each concept was very very helpful. excellent bro, waiting for new projects.

[Love.Masculinity]

allahumma barik!! great project, I really like all the hardwork you put into it!!!

[divyavikash]

Hi, I deployed my backend on render and my server is also live, but when try to access /admin nothing is happening and I'm not able to log in. Please guide me.

[asifmiles]

Bro next project suggestion : Flight booking site clone eg hotels trivago airbnb etc
Top-notch quality content! Keep it up, bro!

[FragniteGamiing]

This video is completed or still something to upload

[zamanali]

Please create a complete mern stack ecommerce... With authentication, admin panel and payment gateway.... It will be really helpful for us....can you plz make one such video

[nadiraliunar]

Can You make an Ecommerce Website Project Using Wordpress as an Headless CMS with this type of easiest understandable way of explanation. You Way of Explanation is out of this world. Greatest and Best Project I had ever seen on youtube

[AkashSatre]

Hi bro my backend was working fine but I don't know what happen to it strapi is throwing an error while starting it....From last 2 days I'm searching for solution but didn't find anything please help me with this.... debug: ⛔ Server wasn't able to start properly.
[2023-04-16 11:00:12.489] error: Unknown dialect undefined
Error: Unknown dialect undefined....this is the message I'm getting

[anupampadhy]

Getting Error at 2:27:00 in product/[slug.js]

Server Error
A required parameter (slug) was not provided as a string in getStaticPaths for /product/[slug]
your help will be appreciated..

[kendrixaep]

Sir like can you tell me how can we add our products like we have to add it mannully or does it have any admin pannel too

[r.k.j]

I also want that status of payment whether failed or succed is stored in strapi how to do that