How To Deploy Full Stack React App For Free | Deploy MERN Stack Project In 10 Minutes

Поделиться
HTML-код
  • Опубликовано: 26 окт 2024

Комментарии • 239

  • @mohammadparves8709
    @mohammadparves8709 Месяц назад +11

    I am really grateful . I have completed the food delivery app 10 hours tutorial and now deploying it. Thank you so much.

    • @GreatStackDev
      @GreatStackDev  Месяц назад +3

      I'm really glad that you completed it. Thank you. 😊

    • @prathameshlokhande378
      @prathameshlokhande378 Месяц назад +1

      @@GreatStackDev hello sir why it is showing the bcrypt issue while deploying the backend ?

    • @Om-1512
      @Om-1512 Месяц назад

      @@prathameshlokhande378 you have to import bcryptjs and change bcrypt to bcryptjs . i too had the same error its working

    • @mareessm7727
      @mareessm7727 11 дней назад

      ​@@prathameshlokhande378use bcryptjs instead of bcrypt
      Uninstall bcrypt and reinstall bcryptjs

  • @dynamicvk2308
    @dynamicvk2308 4 месяца назад +5

    Thank You Sir so much I requested about it to you a few days ago and you finally uploaded it. It means a lot . Thank you so much sir

    • @dheeraj66
      @dheeraj66 3 месяца назад

      hey i am facing issues why deploying it to backend, can you help

    • @rushikeshpatare4808
      @rushikeshpatare4808 Месяц назад

      hello bro can you give your linkedin handle?

  • @ScreenRecordM
    @ScreenRecordM 4 месяца назад +4

    I am grateful to you for your kind support❤I am very happy to have completed it 😊

  • @codewithanupam
    @codewithanupam 4 месяца назад +8

    Dil ki baat sun li sir aapne toh, Thank you so much for such amazing and useful content

  • @DuraisamyManikandan-nm3lx
    @DuraisamyManikandan-nm3lx 2 месяца назад +2

    a very big thank to you for this video
    i was facing many issues earlier but this video explained me all the steps very well ♥♥♥

    • @GreatStackDev
      @GreatStackDev  2 месяца назад

      Glad it helped you. You're welcome! 😊

    • @ShreeRamSingh-vl9tl
      @ShreeRamSingh-vl9tl 2 месяца назад

      @@GreatStackDev sir , could you make one video on , how to setup payment gate in this website humble request sir.

  • @Theooijoma
    @Theooijoma 4 месяца назад +5

    You did it!!!
    You're a man of your word thanks for this tutorial
    Concise and clear

    • @GreatStackDev
      @GreatStackDev  4 месяца назад

      Glad you liked it!

    • @ALVINMORRISMBURU
      @ALVINMORRISMBURU 3 месяца назад

      @@GreatStackDev can you create a wholesale space management app/system?

    • @tamilanda25
      @tamilanda25 3 месяца назад

      ​@@GreatStackDev sir after deployed this website image no longer shown images are gone what happened

  • @ankit_yr_senpai
    @ankit_yr_senpai Месяц назад +1

    That full-stack food delivery app tutorial was amazing! But I'm curious, when did you add the 'Out for Delivery' option?

  • @jayprakashyadab
    @jayprakashyadab 4 месяца назад +12

    one requeste responsiveness sikhado using tailwind 🙏🙏

  • @Yardss
    @Yardss 3 месяца назад

    Bro this is a very awesome explanation of deploying Full Stack website, Although it was a MERN deployment video , but instead of react I have used html,css and js 😄 for frontend and rest of the techs were same.

  • @Razzaq69
    @Razzaq69 3 месяца назад +1

    Sir one more mern stack project plz, advance level with javascript (no type-script plz), tailwind, shadcn. Should include things like Authentication and Authorization, some next level concepts, unique project, with next level functionalities. Thanks!

  • @ibrahimali7549
    @ibrahimali7549 Месяц назад +1

    Very helpful! thanks a lot!

    • @GreatStackDev
      @GreatStackDev  Месяц назад

      I'm so glad! Thank You. Keep coding.😊

  • @ajiteshmishra0005
    @ajiteshmishra0005 4 месяца назад

    Your explanation is very good.
    Please create one video on Redux as well as Redux Toolkit on any React Project from scratch with small and large data so that every concept can be cleared.
    We can answer every interview questions smoothly.

  • @waleedsharif618
    @waleedsharif618 4 месяца назад +7

    I have a MERN project and i deployed it following your instructions (separate url for front end and backend) and everything works fine BUT i have just one problem and its important: for authentication in my app i use cookies, my problem is when i go from one page to another in my app then cookies disappear but when i go back to that specific page then cookies appear, why ? Problem seems to be when app has two separate urls for back end and front end, if its under one url then it works. You have fix for this problem ?

    • @Ramonete1
      @Ramonete1 2 месяца назад

      could you fix it?

  • @vikashjoshi4818
    @vikashjoshi4818 2 месяца назад

    Really Helpful Thanks for this amazing tutorial

  • @mdarmankhan6252
    @mdarmankhan6252 2 месяца назад +2

    it was very easy and helpful. Thanks

  • @thondrothuteja1391
    @thondrothuteja1391 4 месяца назад +1

    Hi Sir , Thank you for your special video on the Full Stack Food Delivery website, including the deployment process.
    Could you please explain the Redux concept in React? It would be very helpful for me and our subscribers.

  • @ABHISHEKKUMARVERMA-k6z
    @ABHISHEKKUMARVERMA-k6z 4 месяца назад +6

    ❤❤❤great sir , thank you 😊😊

  • @prathameshlokhande378
    @prathameshlokhande378 Месяц назад

    Thank you for this video
    In the morning I requested and in evening I found this video 😅

  • @quickfactuniverse
    @quickfactuniverse 4 месяца назад +1

    Sir make full stack using mern with tailwind css...its a request sir...
    If it is possible, make tutorial on express node and react js.....we can understand easily

  • @Jimil_soni
    @Jimil_soni 4 месяца назад +2

    Hello bro ,
    How do you get the ideas for creating the frontend means how are you good at designing and colour combinations
    Whenever I try to develop the frontend I cannot get the idea of such eye catchy frontends
    Please give some tips for improving the front-end

  • @ContentGalaxy143
    @ContentGalaxy143 22 дня назад

    Its really a great project. I accomplished coding 10 hour long food delivery app, thankyou so much but . Surprisingly I cant see that COD option while building.

    • @GAMINGWORLD-rg9uj
      @GAMINGWORLD-rg9uj 2 дня назад

      Bro didn't uh face issue in admin panel hosting that is not working

    • @GAMINGWORLD-rg9uj
      @GAMINGWORLD-rg9uj 2 дня назад

      Cod option was not there in video of ful stack

  • @kumarakash3445
    @kumarakash3445 3 месяца назад

    after so many attempts,finally best vid

  • @mayankvaidh
    @mayankvaidh 4 месяца назад +2

    Thanks sir, for making this amazing video. I have a question that can we upload this project on vercel ?

  • @trishilasingharoy1123
    @trishilasingharoy1123 4 месяца назад +1

    Sir please post one video on deploying the ecommerce website

    • @manishagiri5208
      @manishagiri5208 2 месяца назад

      hey please let me know ,if u can able to deploy it. I am unable to deploy it

  • @ridink104
    @ridink104 3 месяца назад

    Admin panel without login? must include that otherwise if u show this project to any interviewer they will ask same... except that superb

  • @yezazmohammad9954
    @yezazmohammad9954 3 месяца назад

    Please Make a video on deploying E-commerce Website you have created

  • @mnawebprogrammingbd
    @mnawebprogrammingbd Месяц назад +1

    That's totally awesome😍

  • @gxdljonathan1640
    @gxdljonathan1640 4 месяца назад +1

    Sir can you not make an ecommerce website using firebase and redux. That really helps us.❤

  • @cuteuser6719
    @cuteuser6719 28 дней назад

    Thank you so much sir 😃

  • @shadwar123
    @shadwar123 3 месяца назад

    If you not understand what to put in Publish directory , first run command npm run build in frontend then according to file created there write ./dist OR ./build.

    • @bhavyaanand5595
      @bhavyaanand5595 28 дней назад +1

      not understanding . pls help . getting this error while deploying frontend at error (file:///opt/render/project/src/latest/node_modules/rollup/dist/es/shared/parseAst.js:388:42)

    • @shadwar123
      @shadwar123 28 дней назад

      @@bhavyaanand5595 when you run npm run build it will create either of .dist or build file so according of that you have to add this in publish. If you provide more context I can help you .

  • @dragononfire7124
    @dragononfire7124 4 месяца назад

    Thanks bro❤, I was irritated cause of deployment of backend on render.

  • @Nikhil-xx5bh
    @Nikhil-xx5bh 4 месяца назад +1

    Sir Please make more such mern project unique ones

  • @KhushbooRathore-ri2hj
    @KhushbooRathore-ri2hj День назад +1

    hello sir, i made the exact project like you but when I am deploying my backend on render it shows this error:
    Error: /opt/render/project/src/backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header. so can you please tell me how to solve this sir. thankyou

  • @Muhammad_Rizoo
    @Muhammad_Rizoo 4 месяца назад +2

    Thank you very very very much sir !!!

  • @christiangubana
    @christiangubana Месяц назад

    How about the production DB setup/configuration? Thanks for the video

  • @shivrajawat8790
    @shivrajawat8790 11 дней назад +1

    hello sir when the backend url is in the .env file so to add render backend url because .env not add in github repo

  • @qazxsw123100
    @qazxsw123100 Месяц назад +1

    if i uploaded the frontend and backend separately like in your video, when I want to activate my app or send the link to someone - do i have to open my backend link in the background as well? also, my auto deploy is to yes but when i push something to hithub it doesnt do that automaticlly, do you know why?

  • @ahmedmarwan-o9y
    @ahmedmarwan-o9y 4 месяца назад +1

    your my best teacher

    • @GreatStackDev
      @GreatStackDev  4 месяца назад

      Glad you liked it. Thank you. 😊

  • @Eswar_02
    @Eswar_02 4 месяца назад +1

    Can you please make a one video how to deploy Java dynamic web project with tomcat 10 server 🙏🥺

  • @pubgsufykillar6832
    @pubgsufykillar6832 4 месяца назад

    30 Days Mern Stack Project Playlist Please ❤

  • @Supreetvajjaramatti
    @Supreetvajjaramatti 4 месяца назад +3

    Sir i got an error means admin panel list items and order are not visible and also add items are page is also not working.. After successful deployment

    • @mr_trader1212
      @mr_trader1212 3 месяца назад

      Hello same issue i facing can you solve it ? Please tell me

    • @GAMINGWORLD-rg9uj
      @GAMINGWORLD-rg9uj 2 дня назад

      Bro same admin panel is not working

    • @GAMINGWORLD-rg9uj
      @GAMINGWORLD-rg9uj 2 дня назад

      Have uh did anything to solve this?

  • @Code_Prince
    @Code_Prince 4 месяца назад

    Great Project, any way you can assist me how to deploy it to vercel as for some reason all the CSS styles are gone when pushed to vercel

  • @edehchinedu4554
    @edehchinedu4554 3 месяца назад

    thanks brother u helped me now

  • @Business_YT_23
    @Business_YT_23 4 месяца назад +30

    how to convert this web app into app and publish it on play store and app store . please reply

    • @idevkr
      @idevkr 4 месяца назад +16

      U have to convert this react js app into react native to publish it on play or app store

    • @olanrewajuiremide6303
      @olanrewajuiremide6303 4 месяца назад +6

      The only short court is to use chat gpt to convert your react code to react native and deploy on app store

    • @FawadAhmed-tg9pw
      @FawadAhmed-tg9pw 2 месяца назад

      Third party cookies are giving errors hai cookies are not being set up correctly what is the issue here?
      It was working correctly in localhost I have deployed backend on render and and front end on netlify .

    • @Ayush37262
      @Ayush37262 Месяц назад

      ​@@FawadAhmed-tg9pwYou can't setup cookies from backend while hosting your website.
      You can send your token via header response.

    • @BasmallahAllauakbark
      @BasmallahAllauakbark 12 дней назад

      Any code?​@@olanrewajuiremide6303

  • @hendoitechnologies
    @hendoitechnologies 4 месяца назад +1

    Can you please post how to deploy full stack MERN Website app on Google Cloud Platform.

  • @trechosdelivros4445
    @trechosdelivros4445 4 месяца назад +1

    Please do a tutorial using hostinger vps

  • @ControllerCommand
    @ControllerCommand 4 месяца назад

    Hello, I am following you for long time and you never show how much you earn like other RUclipsrs. I also want to start a RUclips channel but I like to know if a coding channel like yours is any beneficial? Thank you

  • @hendoitechnologies
    @hendoitechnologies 4 месяца назад +1

    Can you post this website building full video tutorial. Link if already uploaded.

  • @ScreenRecordM
    @ScreenRecordM 4 месяца назад +8

    Please help.... Error.....
    7:36 Error: /opt/render/project/src/backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header

    • @ScreenRecordM
      @ScreenRecordM 4 месяца назад

      Please 🙏🥺

    • @ScreenRecordM
      @ScreenRecordM 4 месяца назад

      Please help 🙏

    • @leoodion1154
      @leoodion1154 4 месяца назад

      I'm getting this same error

    • @farhanfadhil2677
      @farhanfadhil2677 4 месяца назад +4

      i've found the solution to this error. This problem occurs when the node_modules directory is commited in the repo.. you might want to remove the node_modules folder in your GitHub repo.

    • @shailendar.s2780
      @shailendar.s2780 3 месяца назад

      Is this problem related to bcrypt

  • @ShouryaSetu
    @ShouryaSetu Месяц назад +1

    On refreshing the Cart becomes empty ? Haven't we handle it?

  • @aifa_majeed
    @aifa_majeed Месяц назад

    That was awesome!

  • @kartikbhardwaj1085
    @kartikbhardwaj1085 Месяц назад

    thank you so much sir

  • @muhammadsaif600
    @muhammadsaif600 4 месяца назад +1

    Can u do a tutorial for vercel?

  • @CreativeMinds100
    @CreativeMinds100 4 месяца назад +1

    Bro make video on mern stack electronic website ...

  • @Aman-s8o
    @Aman-s8o 3 месяца назад +1

    agr project process me hai aur 3 log collab kr rhe hai to 1 hi db multiple log kaise use kr payenge, deploy krne se pehele, jaise ki front-end sbhi log github ke help se usme changes kr rhe hai . waise agr db sirf ekhi ke laptop me ho aur koi bhi data pass krde de kisi dusre system se to kya wo db me update hoga?

    • @vishaltambi1400
      @vishaltambi1400 3 месяца назад

      hii bro could you please tell me, that how did he connect the database to this projtct

    • @Aman-s8o
      @Aman-s8o 3 месяца назад

      @@vishaltambi1400 you have to create restfull api's with express and node and those api's you have to integrate into frontend

  • @sahilnobitaeditz8524
    @sahilnobitaeditz8524 2 месяца назад

    Aur jo wo mongo coonnect karte wakt localhost:3000 port rakhte he wo wese hi chod ke deploy karna he kya?

  • @dharmikjain5288
    @dharmikjain5288 4 месяца назад +5

    That's great stack

  • @itsmjns23
    @itsmjns23 3 месяца назад

    hi can you create an project like mern but the database is Google Sheets 😅 and an affiliate website where to promote affiliate products with links and a backend Hope to be noticed

  • @dhirajtaye3077
    @dhirajtaye3077 Месяц назад

    i deployed the ecommerce project but I having some issues with product images please help

  • @kdinesh8004
    @kdinesh8004 Месяц назад

    What about the database??
    Where you can store the details? Can you show us clear please?

  • @yadavshivam6476
    @yadavshivam6476 4 месяца назад +1

    hello i had followed same steps still i am getting error while deploying Backend file following error Occurs - Error: /opt/render/project/src/Backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header Please reply to this..

    • @GreatStackDev
      @GreatStackDev  4 месяца назад +1

      You might have uploaded node_modules folder in github, just delete that

  • @GarvTalreja-n4c
    @GarvTalreja-n4c 3 месяца назад

    Sir I'm getting error while deploying backend and i have watched your tutorial of making food delivery app step by step and line by line but i'm unable to deploy the backend on render or any other service. But the much bigger problem is there aren't any logs by which i can get to know where the error is. Sir please help me please

  • @aadhilroxz931
    @aadhilroxz931 Месяц назад

    Hi, i cant host on the render because its asking me for the credit card without it i cant host.

  • @comp_096_manthanthakor5
    @comp_096_manthanthakor5 Месяц назад +1

    thanks 🥰😇

  • @uctan9796
    @uctan9796 3 месяца назад

    Can you make a video of cod or stripe order ?

  • @ScreenRecordM
    @ScreenRecordM 4 месяца назад

    Thank you very much 😊

  • @akashlaha1952
    @akashlaha1952 4 месяца назад +1

    i uploaded it but there is a problem in stripe payment method its not working perfectly can you solve it

    • @AdeshM98
      @AdeshM98 4 месяца назад

      I think Stripe has stopped providing services in India for now.

  • @seven_nani
    @seven_nani Месяц назад

    How to deploy chat application... there is no server.js in that project

  • @jaiprakashsharma5199
    @jaiprakashsharma5199 4 месяца назад

    Hello sir I'm manish sir please uploaded video regarding react js tutorials

  • @bhalibekindff1772
    @bhalibekindff1772 4 месяца назад

    after adding info like env variables, they are asking to confirm stripe acc, now i dont have, what i have to do?

  • @ozibryan
    @ozibryan Месяц назад

    Hi, 😀 Great tutorial ... I read the below comments hoeveer I was not clear on how to resolve the ":brcypt header invalid) i.e. ( Error: /opt/render/project/src/backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header) -Greatly appreciate it oif someone could help explain hoe to resolve. Many thanks

    • @GreatStackDev
      @GreatStackDev  Месяц назад +1

      Hi, i thik u have uploaded “node_modules” folder in your github
      Just delete that

  • @nipunadeshan69
    @nipunadeshan69 Месяц назад

    when I try to deploy as free plan it requests card deatails why?

  • @ArmanShaikh-q5b
    @ArmanShaikh-q5b 3 месяца назад +1

    sir can you tell me plz why i am facing this type of Error: /opt/render/project/src/backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header

    • @TuhinRoy06
      @TuhinRoy06 2 месяца назад

      same error bro

    • @TuhinRoy06
      @TuhinRoy06 2 месяца назад

      can anyone know how to resolve this kind of error

  • @ScreenRecordM
    @ScreenRecordM 4 месяца назад +2

    Thanks bro❤

  • @AvinashMarbhal-d2l
    @AvinashMarbhal-d2l 3 месяца назад

    I follow all of your steps but facing issue with bcrypt lib

  • @parassharma7675
    @parassharma7675 Месяц назад +1

    @GreatStackDev My backend and frontend is successfully deployed but the api calls are not working .it returns 404 bad request . Even the food items from api/food/list is not not rendered . anyone faced the same issue ?kindly help

    • @bhavyaanand5595
      @bhavyaanand5595 28 дней назад

      i am getting Error: /opt/render/project/src/backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header this error while deploying backend, any idea.pls help

    • @bhavyaanand5595
      @bhavyaanand5595 28 дней назад

      my backend deployed . but in frontend getting this error : at error (file:///opt/render/project/src/latest/node_modules/rollup/dist/es/shared/parseAst.js:388:42)

  • @mdshaheer181
    @mdshaheer181 3 месяца назад +2

    Sir images load ni ho rahi hai deployed frontend mai , kya karu please reply

  • @tensorbaba7687
    @tensorbaba7687 3 месяца назад

    Sir my app is taking a lot of time to load for first time and it's random.. Sometimes it loads fast and sometimes 5 mins or more

  • @DevKiarie
    @DevKiarie 3 месяца назад

    How did you add the Pay On Delivery Option please

  • @village-vlogs.404
    @village-vlogs.404 4 дня назад

    good thanks sir

  • @karishma-z5w
    @karishma-z5w 2 месяца назад

    but usme bahut sari files hai na is folder mein kaise github pe add hogi. kitne saare nodemodules hai

  • @Saud-h6w
    @Saud-h6w 3 месяца назад

    Hey bro i have a question that when we go to another page other than home like cart page and when we relaod the cart page it give me not found
    so can you tell me why it is showing that

  • @diptisingh1553
    @diptisingh1553 3 месяца назад

    Thank you sir❤

  • @PhamThanh-oe1ec
    @PhamThanh-oe1ec 3 месяца назад

    Thankfully ❤❤

  • @adityasharma_________55556
    @adityasharma_________55556 4 месяца назад

    Sir in my case the deployment failed but my build was successful . So can you tell me where i would have made the mistake

  • @PankajSingh-sr4jf
    @PankajSingh-sr4jf 3 месяца назад +2

    can someone help me ? I'm getting an issue "Error: /opt/render/project/src/backend/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header" while deploying the backend

    • @Alpha-u5i
      @Alpha-u5i 3 месяца назад

      Remove node_modules from github and add the .gitignore file and write in that file node_mondules it will work 100%

    • @technicalknownledge1121
      @technicalknownledge1121 3 месяца назад

      bro bcrypt ko uninstall karo and use npm i bcryptjs , then your problem is solve muhje bhi yeh problem aaya tha

    • @ayyu_MNNIT_A
      @ayyu_MNNIT_A 2 месяца назад

      start command ko node src/server.js dalo

    • @code_with_chai
      @code_with_chai Месяц назад

      did u tried uninstall the bcrypt and installing bcryptjs, did it worked , is ur project hosted successfully ?

    • @code_with_chai
      @code_with_chai Месяц назад

      @@technicalknownledge1121 does ur project hosted successfully...??

  • @goodnessuche1430
    @goodnessuche1430 4 месяца назад

    Thanks,even tho it took you quite a while

  • @karishma-z5w
    @karishma-z5w 2 месяца назад

    when we are commiting to github node modules are not important.without that our website will be deployed

  • @GAMINGWORLD-rg9uj
    @GAMINGWORLD-rg9uj 2 дня назад

    Bro uh have made this website in stripe payment gateway so why uh have here cod I am facing problem bro pls on payment success it's not working site don't work

  • @karishma-z5w
    @karishma-z5w 2 месяца назад

    when i am deploying it is displaying empty site not the site that we build

  • @ChahatSrivastava-z8m
    @ChahatSrivastava-z8m Месяц назад

    Sir frontend ko deploy krne ke baad, signup krne par error aa rhi and images v upload ni ho rhi ha

  • @kuchv7297
    @kuchv7297 4 месяца назад +2

    i have a project which run on local host, how to deploy it online ? anyone please tell me

  • @himanshuadhikari9440
    @himanshuadhikari9440 2 месяца назад +1

    Thank you

  • @MEENU-up9ri
    @MEENU-up9ri 4 месяца назад +2

    bhaiya aapka channel monitaize ho gya hai kya

  • @muhammadmujtaba4563
    @muhammadmujtaba4563 4 месяца назад

    sir render gives me the payment why when I click the web service that shows me the payment.

  • @MayloAlejandro
    @MayloAlejandro 4 месяца назад

    The best🎉

  • @ozibryan
    @ozibryan Месяц назад

    Hopefully this is my last question ... having coded everything and deployed everything works... excepts my Hearder image from the css .header, i.e. background: url('./header_img.png') no-repeat; does not refect on the deployed production site despite everything this else working ... many thanks

    • @parassharma7675
      @parassharma7675 Месяц назад

      I have followed the whole tutorial and all my apis are working on localhost but Don't know why after successfully deploying on render the server is responding with a status 404 that is my api/food/list is not working and not rendering food_list on frontend . can you help to resolve it ?

  • @ajiteshdakua2023
    @ajiteshdakua2023 4 месяца назад +1

    thank you sir

  • @vishaltambi1400
    @vishaltambi1400 3 месяца назад +1

    sir waht about the database, what about the MongoDB ????

    • @vishaltambi1400
      @vishaltambi1400 3 месяца назад +1

      sir please tell me how did you connect that to this project

    • @vishaltambi1400
      @vishaltambi1400 3 месяца назад +1

      it is so important sir!!

  • @kauseransari623
    @kauseransari623 4 месяца назад +2

    thanks bro...