Build & Deploy Full Stack Next.Js Online Grocery React App Store | React, Strapi, Tailwindcss

📚 Materials/References:
GitHub Repository For Application (give it a star ⭐):

Password: #Youtube123

@Strapi

🖼️ Follow us on Instagram:

/TubeGuruji

NOTE:

Join this channel to get access to perks:

------------------Chapters----------------

00:00:00 Introduction
00:07:46 Project Setup
00:20:48 Header
00:35:32 Strapi Setup
00:51:23 Category Dropdown( Strapi Get API)
01:09:10 Sliders
01:19:48 Get Category List (Home Screen)
01:28:43 Product List (Home Screen)
01:46:21 Footer
01:51:45 Product Detaiils
02:10:41 Product By Category
02:28:41 Use Authentication
03:11:01 Quick Update
03:15:47 Add to Cart
03:40:55 Cart Item Display
04:02:08 Quick Update
04:05:41 Checkout Page
04:20:09 Paypal Payment Gateway Integration
04:31:27 Create/Save Order
04:40:32 Order Confirmation
04:42:59 Order History
05:14:19 Final (End)

[donfidelisii]

RESOLVED: I'm getting an error when i run "npm run develop" after connecting and creating the database. its a loadError (failed to load native binding) binding.js 333 ... First it showed a problem with the jsconfig saying it needed a module option with "NodeNext" i added that but it still wont run the develop

SOLUTION: I ran 'npm install' then ran 'npm audit fix --force' to resolve over 18 vulnerabilities repeatedly

[abdulkhaliqali]

unbelievable, very hard work done. very nice project. learned a lot, but stuck on strapi deployment

[rishidongre]

I love♥♥ the way you explain and teach, thank you so much. I can't wait for part 2 covering the Admin Dashboard content. waiting for a positive response...

[vijayshankarcrypto]

Thank you sir. The tutorial is amazing :-) Waiting for the turtorial video - app that shows similar interests near by location

[istanbulportrait]

Excellent content, as a 35-year-old person who just started coding, I understand everything very well. I have spent more than 1000 USD on training so far and none of them have been this productive. I am truly grateful to you and will do my best to support you in the future.

[samueltaub]

In the auth section you declare "Use client" in the main Layout to prevent the header to be rendered when we are in the signin page.
Use client in the main layout means all the app in client mode. Ssr is lost

[PathakFX]

Bro its been just 1 day, your video ranks on top 5, too much helpful.

[ahmedaq]

Thanks a lot for the great video… Please consider creating a short tutorial on implementing live updates (real time) notifications for a very simple social media functionality like (some liked your post). Simple app the aim of which is to show how to implement notifications (not chat app) in Nextjs 14 with the server actions.

[usmanmarkaz]

thanks for continously posting videoz on your channel and your react native videoz helps me a alot thanks again and looking for some excited projects with react naitve and node js thanks

[technoinfoworldwide]

thanks for the video, continuously following your course which is beneficial to beginner in next js and tailwind. Just a request, do integrate nodejs or nest js also alternative to strapi.

[erdevkumar]

nice video very helpfull for develope frontend in react, having good explaination on paypal and good for design using tailwind, thanx so much

[Е.В.И-рл]

Thats exactly what i needed for. Thanx so much

[ayelojaibrahim]

Great contents once again thanks very much ❤❤❤, if i may ask where do you gets this beautiful vector / illustration

[shashank.superone]

Tubeguruji, You have great tutorials and way great explained. Fan of that. But one important question, in almost all of your NextJs tutorials you creat almost all components as client components only with use client directive. Why not use the server components which NextJs recommends for performance and only few leaf components as child component where user interaction is there? Please have something for that as modern web in NextJs.

[jhonsnow]

hey im learing react so can i directly watch your videos ?? to learn react and next js

[NiteshKumar-ltm]

can you please make a grocery website with database like mongodb with prisma and Also add admin section from where product can create dynamically, manageproduct, manageorder and summary section. Please!

[عبداللهمحمودعبدالهاديفاضل]

I am an Arab and I watched the video with you and you are distinguished by your good explanation and wonderful appearance, but sir, the render site is no longer without money, so what is the solution please?

[properahmer]

@TubeGuruJi very well done. I`m highly impressed. I would really appreciate it if you could provide assets of this tutorial for free. thanks in advance

[adityabonde]

hello sir i did exactly what you did but @1:07:32 im not seeing any pic in my category, after inspecting it showing this messagEach child in a list should have a unique "key" prop.

[adityabonde]

hello sir i did exactly what you did but @1:07:32 im not seeing any pic in my category, after inspecting it showing this messagEach child in a list should have a unique "key" prop.