React Food Delivery Website Tutorial Using, Nextjs | React js Projects for Beginners | Deploy PART:2
HTML-код
- Опубликовано: 13 июн 2024
- In this Nextjs React project, we will make a Full Stack Food/Pizza React delivery application step-by-step. We learn React hooks, modern CSS, global state management with Zustand, Stripe payment integration, and many more. We will also develop cash on delivery payment method to make this site more functional and practical.
No prior knowledge of Next.js is required to follow this project. The project is surely suitable for beginners.
Part 01:
• React Food Delivery We...
Fudo Starter:
github.com/ZainRk/Fudo-pizzas...
Complete Source Code + Figma file:
/ zainkeepscode
Support me on Patreon:
/ zainkeepscode
Time Stamps:
00:00 Intro
00:44 Zustand store
11:16 Cart Page
36:01 Cash on Delivery method
1:09:36 Order Page
1:36:06 Stripe integration
2:00:33 Deployment
INSTAGRAM :
/ zainkeepscode
FACEBOOK:
/ zainkeepscode-10757083...
i watch full series , nice video , beginner friendly
Your one RUclips channel is enough to become a developer
Great work thq sir
Helpline📲📥⬆️
Question can come in⬆️
Great thanks Bro!!!
Wonderful videos.
bro, have u completed thr project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
Thanks for the tutorial, greetings from Peru.
bro, have u completed the project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
awesome video thankyou so much bhai
yes more next js and pure css module
Finally completed it :")
Your videos are great!!
bro, have u completed thr project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
@@shubhodeepbanerjee2004 sorry, not completed yet
Amazing bro thank you so much
bro, have u completed thr project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
Parabéns do Brasil!
Thank you so much dear brother
bro, have u completed thr project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
Amazing, thanks for this great video.
bro, have u completed the project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
Amazing i must say.
bro, have u completed the project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
Excellent
bro, have u completed the project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
We will definitely subscribed
op very nice
I so much appreciate your kind heart to make a lot of positive impact on us the young developers, God bless you
bro, have u completed thr project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
@@shubhodeepbanerjee2004 Hello?
I want to help you
@@solomonabuh1254 thanks for ur time sir, actually, i'm getting an error msg at 1:43:45
@@shubhodeepbanerjee2004 What is the error?
@@solomonabuh1254 @1:43:45 i'm getting an error msg "param $ referenced,but not provided"
hey , thanks for the hard work , can you try make it responseve for phone and other device , thanks
I'm having problem fetching my data from sanity, during console.log(), I can't find my arrays.
Where are you getting all the illustrations and images? Thank you in advance brother!
Thank you so much please uplode about firebase
bro, have u completed the project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
Is this available in Gold Package? Also, are you providing support incase of any issues/bugs?
thank you
bro, have u completed the project??
bcoz I'm stuck on the previous video @1:43:45 getting an error message.
"param $ referenced, but not provided" plz brother, help me
@@shubhodeepbanerjee2004 no . but i can help you .
@@enjoyyourlife4399 m glad u saw my reply. Actually m getting an error msg at @1:43:45 as I stated above
While doing cart page while declaring CartData I am getting error like Missing getServerSnapshot
Hi, Is anyone getting error while deploying the Sanity. I am getting an error as "desk tool crashed; Error: Workspace: missing context value"
someone ask me to build same ideas of this website for delivery cookies so he can work this or there's others things missed for complete website???
Too much in second part. Can you make a video, how to learn so much stuff unbelievable. Your learning methods. So much, and connect every thing . Great. Thanks alot
I am getting API resolved without sending a response for /api/order, this may result in stalled request error...
Any solution for this, while generating new order id for tracking
*Sư phụ 😘*
is this also responsive with any screen?
I don't know "zustand", and I can't found the "zustand", pis may you tell me where i can found "zustand": and Thenks
Sir, it's really a great tutorial. Please guide me how to resolve the issue of cart becomes empty after refresh 🙏
Sir, i resolved the issue using persist. Stripe payment should be completed after submitting customer's address details. Please guide me how i can resolve that issue also 🙏
Hey Bro, I have one bugs when I navigate one page to another loading time take much especially in a page that have more data fetch from CMS
This is normal while developing a Next js application. After complete development, when you actually make a production build, your app will be too fast because of caching.
where i can see the order details
the source code link is not responding
At 10:00 im getting following error
Cannot read properties of undefined (reading 'length')
const items =useStore((state)=>state.cart.pizza.items)
Could you do something with strapi for noobs
is it responsive website??
R u from shujabad??
those having trouble with Stripe payment, change currency to inr
please help me to make this responsive..
Hi Zain, first of all thank you for this great tutorial, I am in the final step of deployment.
During deployment. I am getting this "warning package.json: No license field" and "Warning: Could not identify Next.js version, ensure it is defined as a project dependency." can you please guide me on this.
Please i need your help too
After connecting store.js the badge is not showing 0 after adding {addToCart}
Helpline📲📥⬆️
Question can come in⬆️
total value is not getting updated in Sanity. Anyone facing the same and resolved it?
Helpline📲📥⬆️
Question can come in⬆️
Bhaiya Responsive website nahi hai
can someome tell me if this project is responsive for mobile ?
no
Please Build E-commerce Project with Mern Stack 🌟🔥👌😊⭐
Helpline📲📥⬆️
Question can come in⬆️
How do I implement user sign up and login
Helpline📲📥⬆️
Question can come in⬆️
Can u make one or more Multi Page React js project or AI Face Recognition Project in Urdu or Hindi ???? Plz I am Beginner Can I learn from you... in Urdu ??
Helpline📲📥⬆️
Question can come in⬆️
w
Plz do admin panel bro
please build e-commerce MERN stack project
Helpline📲📥⬆️
Question can come in⬆️
Bro HTML and CSS extensions pls?
hi zian, unfortunately my site is not fast as yours one, what can be the solution
Ok
Helpline📲📥⬆️
Question can come in⬆️
Questions can come in⬆️
Hello dear, have you made the project??
i really wish you explained why you did things and not just did stuff just to do it. i hope you take this feedback to improve your videos because they are really lacking.
Helpline📲📥⬆️
Question can come in⬆️
Too much errors while deploying
Waste of time... Not able to deploy.. Too many errors
Application is working fine for many of peoples on RUclips. In case of any errors in your code you can contact me on Instagram or you can have the complete source code by Patreon.
@@ZAINKEEPSCODE bhaiya yarn 1 ya yarn 2 install karna hai ??? For portfolio wala video , tabtak yarn 1 hi kar le rhe hai aap reply kariyega toh yarn 2 kar lenge
i agree. 1:48:33 where the hell did he get CartData from ??????????