Restaurant Food Delivery App Design - React Next.js & Tailwind | Responsive Food Ordering Website

  Рет қаралды 106,722

Lama Dev

Lama Dev

Күн бұрын

Пікірлер
@Royal6969
@Royal6969 Жыл бұрын
Lama you're an idol. I remember when one year ago, you released a project very similar to this. I used that to learn more about Next, and I presented the project in my institute and they gave me a 10 !!
@hacksbsb
@hacksbsb Жыл бұрын
LOL I THOUGHT YOU SAID IDIOT
@yipyiphooray339
@yipyiphooray339 Жыл бұрын
LOL@@hacksbsb
@anjaliarya6534
@anjaliarya6534 3 ай бұрын
@@hacksbsb same
@coder5336
@coder5336 Жыл бұрын
Omg man you re the best designer on youtube who explains every little piece of code
@koch4667
@koch4667 Жыл бұрын
Although I am taking computer science major,I didn’t know what to do , what to learn related to Web development ,I could not do the whole project and at that time I found your KZbin channel & I am so happy all the time I am learning .For me,your channel is very precious and one of my life savers.I never forget u even one-day I will become web developer .Your teaching method is understandable and systematical. Thank u so much for being one of my fav teachers.Next time,plz teach new new technology related to web development…
@altanakdar
@altanakdar Жыл бұрын
Yapmış olduğun projeler çok başarılı beklediğim next js projeside bu oldu. Keep going mate
@kuldeepdawar7496
@kuldeepdawar7496 Жыл бұрын
you are super duper person who helps to everyone..buying a coffee for u bro nothing God bless you
@anonimooklar
@anonimooklar Жыл бұрын
wow, this is what we've been waiting for, thanks lamadev. Please turn on automatic translation / subtitle, thanks.
@SoftwareWrangler
@SoftwareWrangler Жыл бұрын
Very important is to push both Frontend and Backend to the server (hostinger for example) because that can be a hustle sometimes.
@zohaibhassan6868
@zohaibhassan6868 Жыл бұрын
oh man, you have made my day. I am obsessed with your tutorials. please try daily uploads 😂😂😂😂 just kidding i know this quality content takes time
@fokspoks
@fokspoks Жыл бұрын
thanks you so much for this, man. Now i appreciate tailwind and nextjs a lot more thanks to your amazing explanations. Deserved like for sure
@imkir4n
@imkir4n Жыл бұрын
I still remember the old next12 food store project which helped me a lot when I first started at next.
@djobleyoficial
@djobleyoficial Жыл бұрын
From Angola 🇦🇴 ❤ I love you…Lama brother , thank you 🙏 very much 😊
@mr_m7587
@mr_m7587 Жыл бұрын
شكرا لك صديقي Lama ، تعلمت الكثير من فيدوهاتك ، ننتظر بفارغ الصبر الجزء الثاني الخاص بالـ API ، وخاصة نظام التسجيل و تسجيل الدخول لحفظ بينات المستخدم داخل قاعدة البينات الخاصة بنا
@sumanthprabhu11
@sumanthprabhu11 Жыл бұрын
MongoDb and Stripe
@ijaggerstube
@ijaggerstube Жыл бұрын
There are a lot of videos nowadays with postgres, graphql, prisma, firebase, an so on, but it is only good for your pet projects. And there’s no fresh videos with classic node.js, express, and mongodb, AWS - this is what they still ask when you look for a job.
@mohdali-yq8gq
@mohdali-yq8gq Жыл бұрын
@@ijaggerstube We need to stay on Mongo DB as it distract to moving different backend.
@TechnicalARK
@TechnicalARK Жыл бұрын
Mongodb. Plz
@theangelofspace155
@theangelofspace155 Жыл бұрын
​@@ijaggerstubeweird that most company I have work with in the gov sector use postgre.
@uchiwauzumaki602
@uchiwauzumaki602 Жыл бұрын
you are the best thanks for everything
@tradelikesahil.07
@tradelikesahil.07 Жыл бұрын
Mongo DB and Express for the Backend!
@ProxyDocksy
@ProxyDocksy Жыл бұрын
Lama, this is an amazing lesson! It would be very cool to see a separate backend for express and frontend for nextjs. Thank you for your work!
@LaffkaDev
@LaffkaDev Жыл бұрын
Thanks Llama! Really amazing explanation! Would love to see more complex projects like P2P Marketplaces
@dreamsachiever212
@dreamsachiever212 Жыл бұрын
upvote this
@adnanabdul6614
@adnanabdul6614 7 ай бұрын
Bro you really do write all code in just 3 hrs bcz when I tried your same code it took like 5hrs really appreciate your content
@adiabajacob9189
@adiabajacob9189 Жыл бұрын
thank lamadev for this awesome content. God bless You
@asfandyar8088
@asfandyar8088 Жыл бұрын
Thank you very much Lama Dev for another amazing project. Am Also working on you previous video of dashboard build. And was searching for next js project with tailwind CSS and got this video notification.
@saminhi3025
@saminhi3025 Жыл бұрын
hey Lama:) love all the videos you make and I have learned so so much from you. I am immensely grateful and thankful for your contribution to the community. I just have one request, could you please teach us how to deploy these projects on Vercel or Netlify, that would be amazing! Thank you for everything, much love
@senthilkumar_selvaraaj7901
@senthilkumar_selvaraaj7901 Жыл бұрын
You are the only person can do like this. I like your videos
@erickmarroquin5914
@erickmarroquin5914 Жыл бұрын
there is very important to understand how to connect in a safe ways the backend and the frontend, and how we can do in nextjs thanks for everything
@bhupendrasinghshahi5933
@bhupendrasinghshahi5933 Жыл бұрын
great work lama dev! Waiting for the next part!
@viniciusm.m.7822
@viniciusm.m.7822 Жыл бұрын
Yes! Show demais, Lama! God bless you!
@somdeliemedia3969
@somdeliemedia3969 Жыл бұрын
Awesome 👌 The other thing that can be nice is to build the one that you can create categories, sub categories and products relationships dynamic on the admin dashboard using mongodb and next js
@abudzar1851
@abudzar1851 Жыл бұрын
cant wait for the backend, semangat from bekasi, indonesia sir !
@mahmoudsaeed9659
@mahmoudsaeed9659 Жыл бұрын
your chanel is the best , all love and respect to you 🤩🤩
@deepakmane387
@deepakmane387 Жыл бұрын
First of all your every video is much better versions of previous one and all of them are superb, that makes us waiting for your new uploads Lama, Could you please consider MongoDB + ReactJS + ExpressJS for backend. ExpressJS is usually for more large scale applications so want to see how to make both NextJS and ReactJS(using createvite) work together. Also could you please show hosting on AWS EC2 instance with nginx.
@mhasancoder
@mhasancoder Жыл бұрын
ReactJS is not for backend
@deepakmane387
@deepakmane387 Жыл бұрын
@@mhasancoder I meant using express server instead of relying on nextjs to handle backend queries
@jufri17
@jufri17 Жыл бұрын
yess tailwind ❤ Next project. Next.Js, Prisma 5 with MongoDB please..
@SoftwareWrangler
@SoftwareWrangler Жыл бұрын
Push static content to express backend and publish as one to the hosting provider or push frontend to Apache and nodeJS as separated instances on the same server
@jamesmay5088
@jamesmay5088 Жыл бұрын
Wow! Another great video! thank you very much ;)
@danishhraza
@danishhraza Жыл бұрын
please also tell a way to completely host the website on hostinger/aws/firebase in the next tutorial. Love this one btw!
@RahulVerma-hn3se
@RahulVerma-hn3se Жыл бұрын
Sir, all you tutorials are great and it would be so kind of you to make a tutorial on microservices
@PhúĐào-r7z
@PhúĐào-r7z Жыл бұрын
readly love it. thank you so much Lamadev
@mehdichamiani6838
@mehdichamiani6838 Жыл бұрын
Please release an online Flight Ticket Sales project using Next 13 with an admin Dashboard, as I think it has a lot to offer, for example how to handle simultaneous requests for buying a ticket, checking the existing tickets, and so on. This will be a unique one as I do not see any thing like this any where in KZbin and we could learn a lot along the way with its' potential challenges. Thanks.
@jangi889
@jangi889 Жыл бұрын
I would love to see ORM like Prisma or Sequelize. There is a lot of content with MERN stack on your channel and I'd like to learn something new :D!
@oliesteve1988
@oliesteve1988 Жыл бұрын
I love your work you are doing so great
@ashishpatel6078
@ashishpatel6078 Жыл бұрын
Mongodb sir Thank you so much sir ❤❤
@psyferinc.3573
@psyferinc.3573 Жыл бұрын
amazing thank you. it split how i could approach the UI when i dont have to deal with the back end . also leveled up my tailwind thinking
@rajibdas699
@rajibdas699 Жыл бұрын
Wow. Thank you so much lama. Lots of love❤
@bekalusisay
@bekalusisay Жыл бұрын
Wow, there seems to be a lot of comments already! 😲 Just wanted to say that if you've deployed and have a link to share, it would be awesome. I'm curious to see what the website looks like and maybe even explore it myself. Keep up the good work! 👏
@afaqahmad8918
@afaqahmad8918 Жыл бұрын
Amazing. Sir make more projects ❤
@E6hosting
@E6hosting 6 ай бұрын
Lama one little change I think you should make the menu at 26 minutes close, if they click anywhere. rather than being forced to toggle or click on a link. Great Tutorial.
@nakkeerangit
@nakkeerangit Жыл бұрын
Bro, you are teaching is very good an i am your biggest fan i have downloaded your favorite react js and next js projects my preference is that you use mongo DB or Firebase...
@stevenoketch6950
@stevenoketch6950 Жыл бұрын
This is the app design part, first section. We need the backend express/node to deliver with Google map and subscriptions. Anyway nice tutorial
@Mahadev-x7u
@Mahadev-x7u Жыл бұрын
Amazing content …. Thank you so much 🙏❤️
@akurwa
@akurwa Жыл бұрын
Very nice and neat work. Thank you for all your amazing effort
@shauryastudy8667
@shauryastudy8667 Жыл бұрын
please create 2 or more backend videos for this project: 1. Mongodb and Nodejs 2. Firebase 3. and many more ... This will help us to learn multiple backend concepts with same frontend project !! Also create full stack project without python and Django !! please !!
@itr_cloud
@itr_cloud 10 ай бұрын
This tutorial is awesome. Thank you! I was wondering what icon theme you're using in VS Code?
@Jimmy-zt5io
@Jimmy-zt5io Жыл бұрын
37:20 Does anybody know why using relative fixes the image
@umairhp
@umairhp Жыл бұрын
Another amazing tutorial by Lamadev. It would be great if you could integrate it with a Postgre sql db using Prisma. Supabase would be a good option for the DB
@afaqahmad8918
@afaqahmad8918 Жыл бұрын
I don't know these technologies can i go with it ?
@tomm958
@tomm958 Жыл бұрын
also integrating with stripe for payments ans maybe even using stripe useElements to create form on our website not redirecting it to stripe website
@MohammadSameer-t8t
@MohammadSameer-t8t Ай бұрын
This is a good tutorial for the next.js project so please do a project in next.js using redux toolkit also
@Coding-is-life
@Coding-is-life Жыл бұрын
Another masterpiece
@codingconcepts-js
@codingconcepts-js Жыл бұрын
A beginners friendly backend plz... I think mongo db with mongoose wl'd be a best option. Thanks.
@prashlovessamosa
@prashlovessamosa Жыл бұрын
Thank you Lama I will complete this today I will wait for Backend video One small request can yo make some react native project videos it would helpful I am struggling in react native Thank you for your service.
@Leesdjo
@Leesdjo Жыл бұрын
Thank you as always. Amazing content. ❤️
@voislav3549
@voislav3549 Жыл бұрын
You're amazing Mr Lama😊
@sergheic31
@sergheic31 Жыл бұрын
Great video! Easy to follow and understand! I would like to see Redux, GraphQL, Prisma, PostgreSQL, next-auth
@himasha3125
@himasha3125 Жыл бұрын
Hi... I've been practicing coding by watching your videos for a while. Your videos are amazing and simple for even beginners. Can you do a plain MERN stack video in the next time.😁
@fethidoganx
@fethidoganx Жыл бұрын
very userfull project thank you lama dev.
@dixitGogoi32
@dixitGogoi32 Жыл бұрын
Very nice project ... the second part should contain using an API and integrating it with backend (probably Strapi)
@speedster784
@speedster784 Жыл бұрын
Great video bro, would be great to do more next js projects with tailwinds css
@arun_venkatesh_r
@arun_venkatesh_r 8 ай бұрын
in this project we are not getting users location. how are we going to send the pizza to the users location. i did not complete the entire video plz let me know
@Cheata232
@Cheata232 Жыл бұрын
this video is Really amazing explanation! and i like your demo i want to see you build dashboard react nextjs with nestjs or another backend
@nishant_thakur
@nishant_thakur Жыл бұрын
Amazing one.. would love to see backend using next Js api with MySQL and local uploads
@dustyhordofelbamana279
@dustyhordofelbamana279 Жыл бұрын
Great tutorial! I would suggestion mongoDB as a database !
@Sky-yy
@Sky-yy Жыл бұрын
Node js , mongodb or node js ,SQL for back-end
@ibrahimaziz224
@ibrahimaziz224 Жыл бұрын
We prefer sql
@natab282
@natab282 6 ай бұрын
Could you do a video building an online tutoring or appointment booking platform like preply or classgap? Thanks!!
@ElizabethKerubo-l1s
@ElizabethKerubo-l1s Жыл бұрын
hello, Lama , i enjoy your tutorials ,I wish You to add Ruby and Ruby on rails tutorial
@anasisah2384
@anasisah2384 Жыл бұрын
Very nice and well explained tutorial thanks
@karendoran3692
@karendoran3692 Жыл бұрын
Another great video as usual!! I would like to see Prisma and Postgres sql as well.
@supremeksd
@supremeksd Жыл бұрын
amazing bro when would you upload the backend
@jimenakatu1178
@jimenakatu1178 Жыл бұрын
Love it! hey lama, a request, could you show us how to add the option to accept or not the cookies for the users?
@DannStarr
@DannStarr Жыл бұрын
For backend I would like to see MongoDB... I would like to understand why we would choose Prisma / Mongoose to go with that, and then to use NextAuth for authentication
@IT_Pastor
@IT_Pastor Жыл бұрын
Thank you for you explanation. Great work! Could we create project where we can learn how to add i18n tranlation, and everything which connect with it? Thanks!
@vageeshanvageesh5583
@vageeshanvageesh5583 Жыл бұрын
Awaited one, thanks lama 😍. Please concider any ORM tools like TypeORM, prisma or sequelize, for back end we can use Nest js or Node js typescript based, for payment integration , we can use stripe. Thank you lama. ❤❤❤❤
@mailvaganamvickram3486
@mailvaganamvickram3486 Жыл бұрын
Hey Lama this is one of the best tutorials and i have doubt hot to make this international how can i change the language of the website ??
@itaichapwanya8675
@itaichapwanya8675 Жыл бұрын
Thank you so much for this tutorial, I really appreciate it. Please may you intergrate MySQL database for the backend. A few videos show this but it is one of the main databases that people use. Thank you
@rahulsing3126
@rahulsing3126 Жыл бұрын
Prisma With MomgoDB & Stripe OR Superbase & Strip📝
@yazankhwaireh7009
@yazankhwaireh7009 Жыл бұрын
AWESOME !!!!!!!!!!
@AAA_forsoft
@AAA_forsoft Жыл бұрын
First, thanks for this great effort Second, need projects for React with Django plz
@oshri1997
@oshri1997 Жыл бұрын
Make a video with MERN stack with authentication and authorization thank you Lama Dev! :)
@prasad_yt
@prasad_yt Жыл бұрын
I have learnt a lot from watching your coding tutorials . Thank you Lama Dev. Do you think it may be a good idea to use semantic HTML tags in place of some of the tags ?
@tomm958
@tomm958 Жыл бұрын
next js, typescript, prisma, postgreSQL, tailwind ofc. and stripe for payments. this would be great combination i think
@mohdali-yq8gq
@mohdali-yq8gq Жыл бұрын
Please incorporate the react-hook-form when posting the backend video and Please make more feature rich the product creation utility.
@web-kj1wq
@web-kj1wq Жыл бұрын
I LOVE YOU MAN
@tauqeerhusain7521
@tauqeerhusain7521 Жыл бұрын
Big love sir ❤❤
@hedonesr
@hedonesr 8 ай бұрын
Hey lama , thanks for this video, Can u share a tutorial about graphql?
@alexassali3628
@alexassali3628 Жыл бұрын
I wish you redo airbnb or rental and using features like paging, modals, forms, using this stack, zustand, prisma, tailwind and next. A more complex app is great, even if you have to use multiple videos. I think with this video and your tutoring approach and simplicity, you top others on youtube.
@israarashed4859
@israarashed4859 Жыл бұрын
It is beautiful, but I suggest that the design be stronger and there are some details that you did not talk about, such as deleting and changing the request in the card based on what was requested !
@MikixIT
@MikixIT Жыл бұрын
Thanks! from Italy ❤
@OP-ig1fj
@OP-ig1fj Жыл бұрын
how does the scroll bar nota appear in featured.tsx?
@jehanzebsiddiqui4631
@jehanzebsiddiqui4631 Жыл бұрын
Mongodb stripe next-auth
@ammarhaidar5995
@ammarhaidar5995 Жыл бұрын
You are amazing 👌👌👌
@ashishsaha8595
@ashishsaha8595 Жыл бұрын
Do testing also using jest
@nasarullahkhan3379
@nasarullahkhan3379 Жыл бұрын
Giving height to each div is not good idea. Only give padding and use of flexbox is enough.
@talat9553
@talat9553 Жыл бұрын
I think react is more than enough :)) could you please share with is react native videos, time to teach/learn it. thank you in advance
@fonyuyjudefomonyuy3980
@fonyuyjudefomonyuy3980 Жыл бұрын
Lama🇨🇲💥💥
@duongquanghuy4387
@duongquanghuy4387 Жыл бұрын
In 1:14:16, I'm not sure why it works for you (template literals) but indeed it doesn't work for me. Tailwind documentation (Tailwindcss v3.3.3 -> Customization -> Content -> Dynamic class names) advices should use complete class names. Anyway, nice tutorial!
@rxshanyadav
@rxshanyadav 11 ай бұрын
did you find an alternative to display the same?
@duongquanghuy4387
@duongquanghuy4387 11 ай бұрын
@@rxshanyadav In document: 1. You will write exactly in that tenary operators: ${category.color === "black" ? "text-white" : "text-red"}. 2. You create a variable for one or many classes, const myColor = {white: "text-white", red: "text-red"} Then ${category.color === "black" ? myColor["white"] : myColor["red"]}.
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 30 МЛН
It works #beatbox #tiktok
00:34
BeatboxJCOP
Рет қаралды 41 МЛН
Why I Pick ShadCN and Tailwind for all my projects
18:53
developedbyed
Рет қаралды 79 М.
Level 1 to 100 Rubik's Cubes!
15:09
Hafu Go
Рет қаралды 11 МЛН
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 30 МЛН