Тёмный

Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023] 

Sangam Mukherjee
Подписаться 37 тыс.
Просмотров 170 тыс.
50% 1

Опубликовано:

 

18 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 159   
@bhargav9302
@bhargav9302 Год назад
I think your channel is the best and most underrated. I learned a lot of new concepts from your video, but I had to pause and rewind a few times to understand some of the concepts. Thank you for creating such a helpful video, especially for beginners like me. I have subscribed to your channel and I look forward to watching more of your videos.
@sangammukherjee
@sangammukherjee Год назад
Thank you :)
@innocentonyemaenu6353
@innocentonyemaenu6353 11 месяцев назад
@@sangammukherjee Great job, but you mentioned strapi in the title of the project, but you never used it. Any reasons?
@HimanishSingha
@HimanishSingha Год назад
Eagerly wanting a PostgreSQL tutorial. It will be even better if you implement this project with PostgreSQL. Thank you. Loving your videos :)
@jatinranjan7954
@jatinranjan7954 Год назад
Wow, that is just mind-blowing, yet these kinds of projects are typically not free. Arigato-gazaimazu
@azsreenu2540
@azsreenu2540 22 дня назад
What I need to learn I got exact thanks for your patience to explain this.. Love from Hyderabad ❤❤❤ Please do some typescript and next js projects ❤🎉🎉
@sumeshkp7180
@sumeshkp7180 3 месяца назад
best channel to learn very easy to learn
@ShamimHossain-kc8jv
@ShamimHossain-kc8jv Год назад
Thank you, you give us a great tutorial !
@Amar11115
@Amar11115 Год назад
Man! Just discovered your channel. It has lot of amazing stuff!!
@ZubairKhan-mb6rd
@ZubairKhan-mb6rd 2 месяца назад
Good 👍
@ShortClips.._..
@ShortClips.._.. 5 месяцев назад
Nice website running successfully
@obloo
@obloo 11 месяцев назад
Wow very good work! I watched many tuts on emmorce but that one seems to be the best yet. I will def watch it till the end! Thanks man!
@aliberspilberg1
@aliberspilberg1 Год назад
Que programador tan genial!
@keetshop
@keetshop 6 месяцев назад
I'm form Pakistan and I think you are the best.
@mahendranath2504
@mahendranath2504 11 месяцев назад
Nice thank you amazing content, Subscribed and liked 👏👏👌👌🙌🙌✌✌👍👍
@cwgabel
@cwgabel Год назад
I am on a Mac with Appearance in Settings set to Dark. This makes things wonky on this tutorial so maybe set it back to light or auto to make things run smoothly. I think there is a conflict between the :root values in globals.css. I noticed that removing bg-white from the tag also fixes my original problem with dark mode on, but I am just getting into the video so I don't know if this is the correct solution.
@sangammukherjee
@sangammukherjee Год назад
need to test in mac once, let me check and reply here. Thanks for this info :)
@cwgabel
@cwgabel Год назад
I think for a dark mode approach that works for both tailwind in nextjs with/without system dark mode, I liked Hamed's video at ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-RTAJ-enfums.html
@fallanstar
@fallanstar Год назад
Good Project that i have never ever seen
@techreleasenow1766
@techreleasenow1766 Год назад
Good work, learnt alot
@15_kumargogula59
@15_kumargogula59 10 месяцев назад
very goood project and explanation too... tell how deploye this project in vercel
@surendrawagle8341
@surendrawagle8341 Год назад
Nice Tutorial.
@Nischaltamang2023
@Nischaltamang2023 10 месяцев назад
At first you are registering as admin but there is no any other validation to check. In fact any user can register him or herself as admin and can get access of admin portal.
@yafisraza1210
@yafisraza1210 8 месяцев назад
Thank u so much for this amazing project 🖤
@nehalpradhan2229
@nehalpradhan2229 7 месяцев назад
did you finish the project?? got any errors??
@yafisraza1210
@yafisraza1210 4 месяца назад
Yes I have finished it without any error...
@yafisraza1210
@yafisraza1210 4 месяца назад
I submitted it as my Final year project...
@RapLyricalVideos
@RapLyricalVideos Год назад
Awesome video bro :❤
@Deus-lo-Vuilt
@Deus-lo-Vuilt Год назад
Wow Nice
@Red-wn2lo
@Red-wn2lo Год назад
nice video 👍👍👍👍
@niteshprajapat7918
@niteshprajapat7918 Год назад
Amazing content🔥🔥
@niteshsingh2265
@niteshsingh2265 Год назад
your video is awesome but plz add cancel order and return order functionality.
@funny-g4d
@funny-g4d Год назад
good sir
@mdraisulislamrimon9808
@mdraisulislamrimon9808 Год назад
nice project
@ApurvaKashyap-kj6qz
@ApurvaKashyap-kj6qz Год назад
i request u to please include typescript in ur upcoming next js tutorial video
@sangammukherjee
@sangammukherjee Год назад
sure :)
@thephalcon
@thephalcon Год назад
@@sangammukherjee plz don't add typescript
@rahulkatare802
@rahulkatare802 Год назад
​@@sangammukherjeeadd
@paul4137
@paul4137 11 месяцев назад
Anyone else had a problem with displaying products added to cart ? 6:22:02 It was working on localhost but not after deployment. I guess it's about giving a proper absolute url in services/cart in for all-cart-items route. Can't figure out how it should look like though..
@focusedpatterns1650
@focusedpatterns1650 11 месяцев назад
Yea, I have the same problem. After deploying to vercel it doesn't work for me. Did You solve it ?
@paul4137
@paul4137 11 месяцев назад
@@focusedpatterns1650 Not really.. I hope someday there's made a seperate video on deploying it to vercel.
@piyushtale0001
@piyushtale0001 11 месяцев назад
Guys you have to put the deployed vercel link to the route, I have started this video , will describe more when completed
@sangammukherjee
@sangammukherjee 11 месяцев назад
hey guys, do this. create a env file in project and add URL env , while deploying in vercel you need to add those env file details. It will work. Let me know if this works or not, I will create a video on this, but not getting any time.
@nanajusolihun8848
@nanajusolihun8848 10 месяцев назад
​@@sangammukherjee i have some problem. i have added the url env, but it still works. i hope tutorial for this problem
@linknatsu5426
@linknatsu5426 11 месяцев назад
What a great video to start fully programming web pages, but I would also like a tutorial on how to recover user accounts because that would be very rewarding to learn.
@milkywaymontage3263
@milkywaymontage3263 Год назад
Great project but sir can you please make it multi vendor
@manqobamlangeni2860
@manqobamlangeni2860 Год назад
Already flattered
@ChaimaChaima-bb3zb
@ChaimaChaima-bb3zb 5 месяцев назад
everything is looking good but i think you sould add the search in the navbar
@Global-Visas
@Global-Visas Год назад
Well Explained Sangam.If possible try to explain the concept also that will make you different from others.
@ruizxzx
@ruizxzx Год назад
finally its done
@dimplesdance8502
@dimplesdance8502 6 месяцев назад
Did he use redux-toolkit for state management
@Biharibabu1997
@Biharibabu1997 Год назад
Good work bro
@cryptoshepherd110
@cryptoshepherd110 Месяц назад
would be nice - Firebase, strapi and Tailwind css?
@nandopookey9195
@nandopookey9195 Год назад
omg, this is free ? Thank you so much sir
@kaisnguyen4086
@kaisnguyen4086 11 месяцев назад
hello thanks for video. I hope you do make the functions a little deeper such as refresh token interceptor, reset password, verify otp, infinity scroll when have many product or pagination, chatbot ...
@raabisliman
@raabisliman 8 месяцев назад
Thanks for making the video in english for worldwide 😅
@melchizedek79
@melchizedek79 Месяц назад
Great! So much delivered. I just subscribed. What's he difference between Nest.Js 13 & 14? Video was done when latest was Next.Js 13. Will this still work with Next.Js 14 which is the latest? How do I install Next.Js 13? Thank you
@JusTheWebDevNJIT
@JusTheWebDevNJIT Год назад
Great tutorial, one question is there a reason why you are using router instead of next-link?
@sangammukherjee
@sangammukherjee Год назад
you can use next link also :)
@jarnoojasaar
@jarnoojasaar 9 месяцев назад
Great video, but why not use prettier instead of manually formating all the time? could save a lot of time :)
@snapshort2024
@snapshort2024 Год назад
How i can just send a customer information to the email because i dident need the cridit card Please tell me ❤
@imranmollah2128
@imranmollah2128 6 месяцев назад
where is deployment part ?
@dipanshusabharwal
@dipanshusabharwal Месяц назад
Do it yourself
@copycoder6125
@copycoder6125 Год назад
Great content bro :)
@diptamoy12
@diptamoy12 Год назад
Great dada❤❤❤ Need a tutorial React with Appwrite ❤️
@awais_ansarii
@awais_ansarii 5 месяцев назад
@user-pw6om2lo6p
@user-pw6om2lo6p Год назад
good luck
@vivekgupta-y1b
@vivekgupta-y1b Год назад
Why didn't you use Multer and formidable library for images upload sir?
@sangammukherjee
@sangammukherjee Год назад
will use in next videos. Noted. Thanks :)
@ultrAbdu
@ultrAbdu 11 месяцев назад
Hi bro i will watch this video completely this week. I am beginner, i am struggling a bit to learn full stack, how can i start with that, i have the basic knowledge of html /css / js for frontend, but backend i do not know anything, i do not understand how to set up a own server for example and the things to deploy my own project on my own domain, what do you recommend me
@정주영-f1m
@정주영-f1m Год назад
Did you do any state management of the data in this tutorial? Did you use anything like redux or redux or recoil?
@BeyondtheBeat16
@BeyondtheBeat16 6 месяцев назад
Heyy can you please upload a video how to deploy this website because I’m getting fetch error when I try to deploy on vercel please rely me and let me know
@pankaj2129
@pankaj2129 Год назад
Good one! But why Admin would add product and buy the same product? Didn't understand.
@sangammukherjee
@sangammukherjee Год назад
Hi, this is just a demo project. I got your point. This project will give a great indepth idea how to use next js 13 version, based on your idea you can change the functionality that you like :)
@SwaggerLadka
@SwaggerLadka 10 месяцев назад
Bro I am in b tech 3rd year I want to learn from you I want to become full stack can you please teach me please...or you can please continue a series
@Kumar-i3v6u
@Kumar-i3v6u 10 месяцев назад
Make a video to how to deploy this project
@Kumar-i3v6u
@Kumar-i3v6u 10 месяцев назад
Please bro
@puneetsharma4458
@puneetsharma4458 Год назад
please explain this project in hindi lanauge and please upload the tutorials in hindi lanaguge from basic to advance in Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS these course.. i have no knowledge in it.. i want create the ecommerce website just like a amaozn..
@FunnyDesertCreature-tu2mj
@FunnyDesertCreature-tu2mj 2 месяца назад
Brother, why didn't you add road tracking system to it? Also tell me like it is done in Flipkart.
@vivekgupta-y1b
@vivekgupta-y1b Год назад
Question 1=> Actually one point pe thoda doubt hai brother, ham sare next js ke sare api route me "await connectToDB()" kyu call kar rhe h because jab ham MERN stack ka project create karte h then only one time database ko connect karte h main index.js page me using Mongodb and Expressjs then problem kya h? Question 2=> export const dynamic = "force-dynamic"; why we using this line of code in our next js project?
@PayloadPulse
@PayloadPulse Год назад
because in this we cannot use expressjs for a path we send repsopne to server directly from website we don have any bridge. thats why we call connecttodb evreytime in every function. i you dont do this then mongodb do not connect with function.
@vivekgupta-y1b
@vivekgupta-y1b Год назад
@@PayloadPulse thnaks brother 🙂
@vivekgupta-y1b
@vivekgupta-y1b Год назад
@@PayloadPulse export const dynamic = "force-dynamic"; why we using this line of code in our next js project? ae kyu use hua h apko pta h?
@anamuddinahmad0786
@anamuddinahmad0786 Месяц назад
Is this is industry level project ??
@eseandy5484
@eseandy5484 8 месяцев назад
is there a tutorial to connect this exercise with the admin panel?
@izzafiramdhani4486
@izzafiramdhani4486 Год назад
wait isn't that dangerous to put role options in sign up page cus everyone can sign up as admin?
@sangammukherjee
@sangammukherjee Год назад
already answered this in other comments, you are 100% correct but this is just a demo project. This project will give a prospective how to use next js 13 version, based on your idea you can change and implement the functionality that you like. You will be able to create a single admin user very easily. I hope i answered your point
@SahilSingh-j4o
@SahilSingh-j4o 14 дней назад
is hosting included in this video?
@emjiichinose3920
@emjiichinose3920 8 месяцев назад
On the API with front-end integration part, an error occured saying that setComponentLevelLoader is not a function. How can I write the function on setcomponentlevelloader or how can I import it? i checked the src but there is no specific logic inside the setcomponentlevel loader
@saikrishnamuntha62
@saikrishnamuntha62 Год назад
bro here u not mentioned the protected routes??? you had done on nextjs I need the backend like python or any that should be show how to protect
@johndeer8405
@johndeer8405 Год назад
Greetings and thanks for the content. Can you show us how to add verification emails and reset password please? Thanks again.
@sangammukherjee
@sangammukherjee 10 месяцев назад
sure. thanks :)
@Red-wn2lo
@Red-wn2lo Год назад
if i build this web project can i get a job as a fresher please replay
@sangammukherjee
@sangammukherjee Год назад
yes definitely :)
@Red-wn2lo
@Red-wn2lo Год назад
4 high severity vulnerabilities@@sangammukherjee during firebase installation how can i fix it
@usmanmarkaz
@usmanmarkaz Год назад
Any plain for React Native Plz start React native with Rest API project with Node js
@libcanbe2474
@libcanbe2474 Год назад
I have any issue with the product by id section… it returns undefined
@manojbasnet8113
@manojbasnet8113 10 месяцев назад
if a customer buy anything then how to show there is decrese in product in DB
@aditya-d-
@aditya-d- 7 месяцев назад
bhai redux toolkit use karna tha
@adilaarshad4859
@adilaarshad4859 3 месяца назад
I have completed this full project.Now i am facing issue in deployment because of the absolute path that you have used while listing all products on client side localhost 3000 you have added in api endpoint which is giving error in production what is the solution of this problem?😢😢 Please tell me waiting for you reply sir😢😢😢😢😢
@aasang5919
@aasang5919 Год назад
I would like to ask you somethings when I call api in server component it call like localhost:port something like that in local server, the issue is that i would like make hosting in vercel, I don't know to set that localhost:port api calling value. Can you guide me about it?
@sangammukherjee
@sangammukherjee Год назад
Hi, i am not getting time. I will definitely create a separate video for this. Thanks.
@Coder856
@Coder856 5 месяцев назад
How to get this project pics
@guy-was-taken
@guy-was-taken 10 месяцев назад
is it working now ? can i start of version dependencies causing issue?
@kiranmalviya7152
@kiranmalviya7152 8 месяцев назад
Actually i had a error in DB could not connect to any servers in your mongodb atlas clusters
@dimplesdance8502
@dimplesdance8502 6 месяцев назад
Did he use redux-toolkit for state management
@anmolkumar09
@anmolkumar09 11 месяцев назад
bro i got an error whenyou psuh your first registration (2:00) SyntaxError: Unexpected token '
@CodeNinja18
@CodeNinja18 Месяц назад
same
@fallanstar
@fallanstar Год назад
Plz now turn to React native with Full Stack Application using Node js and firebase
@Skm-mq1sw
@Skm-mq1sw Год назад
How to deploy this project on free platform
@sangammukherjee
@sangammukherjee Год назад
will create a separate video for this, thanks :)
@laibabintatahir6245
@laibabintatahir6245 Год назад
Versal
@jatinadhikari8687
@jatinadhikari8687 7 месяцев назад
Is this responsive too ??
@bhojpuriyadesiboys1639
@bhojpuriyadesiboys1639 Год назад
Search option is not available
@sangammukherjee
@sangammukherjee Год назад
will add later if possible , thanks :)
@sufiyanbagwan5672
@sufiyanbagwan5672 10 месяцев назад
can i learn web development with project in 6 month after 12hrs daily study
@stoic.mayank
@stoic.mayank 11 месяцев назад
How to add Forgot password feature in the login/signup page
@sidharthdang1647
@sidharthdang1647 9 месяцев назад
Can u help me deploying it
@pablosoler7661
@pablosoler7661 11 месяцев назад
HELP PLEASE REMOVE THIS ERROR........... Error: Cannot access GlobalContext._context on the server. You cannot dot into a client module from a server component. You can only pass the imported name through...!!!!
@gouravameta8347
@gouravameta8347 10 месяцев назад
is this project responsive?
@sonofhall
@sonofhall 9 месяцев назад
Hello this source is free to use?
@B.A_King94
@B.A_King94 7 месяцев назад
how I deploy this project on vercel
@dimplesdance8502
@dimplesdance8502 6 месяцев назад
Did he use redux-toolkit for state management
@godl_disaster611
@godl_disaster611 Год назад
Unable to install all packages, gives error npm registry not present
@sangammukherjee
@sangammukherjee Год назад
try this : npm config set registry registry.npmjs.org
@sebastianpardo4002
@sebastianpardo4002 10 месяцев назад
this page is responsive ?
@NaviKahaniOfficial
@NaviKahaniOfficial Год назад
npm run dev command is not working it shows an error i checked package.json file there is not any dev
@sangammukherjee
@sangammukherjee Год назад
Please check , did you properly installed next js project or not.
@NaviKahaniOfficial
@NaviKahaniOfficial Год назад
​@@sangammukherjee I was trying to run the code from the wrong directory (not ecommerce). But I figured it out! Thanks for your response!
@yushatahlil9426
@yushatahlil9426 11 месяцев назад
Bro, the logic of your application is incorrect, how can you allow the user to choose their role ??
@Did_You_Know_Daily_07_English
brocan you fix issue we are facing many issue please fix it please!!!
@sangammukherjee
@sangammukherjee Год назад
Please mention the issues or create issues under githun repo
@shubhamkumarmandal2132
@shubhamkumarmandal2132 Год назад
Can you add payment integration to the site ?
@sangammukherjee
@sangammukherjee Год назад
its already there using strapi, what else you are referring ?
@axelraboit5556
@axelraboit5556 11 месяцев назад
Stripe*
@debmalyaray1997
@debmalyaray1997 Год назад
how to learn html css and javascript tell me first???
@ashimbhowmikamit7596
@ashimbhowmikamit7596 Год назад
How can i deploy this project in Vercel ? Please make a video for this
@sangammukherjee
@sangammukherjee Год назад
Ok I will definitely do this.
@ManojKumar-oh1ib
@ManojKumar-oh1ib 11 месяцев назад
6.15
@shubhamkumarmandal2132
@shubhamkumarmandal2132 Год назад
Is it responsive
@sangammukherjee
@sangammukherjee Год назад
yes. But i haven't give lot of attention in CSS part. As there are lot of functionalities.
@AryanKumar-it7gn
@AryanKumar-it7gn Год назад
can you make that website single admin user
@hasanulhaquebanna
@hasanulhaquebanna Год назад
As my opinion, for large and scalable product please don't come with nextjs as a backend instead make separate backend. Thanks
@sangammukherjee
@sangammukherjee Год назад
Hi , you are correct, will create projects with separate backend
@Saurabhpatel069
@Saurabhpatel069 11 месяцев назад
​@@sangammukherjee make video on this topic why we should not use nextjs as backend?
Далее
I used AI to hack this website...
23:23
Просмотров 35 тыс.
Bike Vs Tricycle Fast Challenge
00:43
Просмотров 12 млн
James May finally drives the Tesla Cybertruck
14:15
Просмотров 4,7 млн
Can You Build a Working iPhone From AliExpress...?
19:06
Amazon Clone in React, Tailwind CSS & Redux [2024]
3:10:28
I REBUILT MARCUS RASHFORD'S  WRECKED ROLLS ROYCE
47:17
The Story of Next.js
12:13
Просмотров 577 тыс.
Coding Was HARD Until I Learned These 5 Things...
8:34