How to Deploy a React App to Netlify | Quick & Easy!
HTML-код
- Опубликовано: 15 июл 2024
- Hey guys, welcome back! In this video, I will be showing you how to deploy a React application to Netlify. I'll walk you through how to create a Netlify account, set up your app for deployment, and deploy the app to Netlify. In addition, I'll also show you how to update and delete your app from Netlify.
If you don't know what Netlify is, Netlify is a hosting service for web applications. It provides a continuous delivery service that takes care of building, deploying and hosting your site. Netlify is a great option if you want to focus on your application code and not have to worry about the infrastructure to deploy it.
My Website: arpanneupane.com
My GitHub: github.com/arpanneupane19
My Programming Gear :
Keyboard: amzn.to/42vXkxh
Laptop: amzn.to/3CkAP3W
Laptop Stand: amzn.to/3X116Oi
Desk: amzn.to/43wmIEt
Monitor: amzn.to/42BAaFH
Monitor Arm: amzn.to/3NR0APS
Chair: amzn.to/42vvKAn
Desk Mat/Mousepad: amzn.to/43AhKqj
Microphone: amzn.to/45RuQ43
Headphones: amzn.to/445sf4R
Official React Documentation: reactjs.org/
Official Netlify Documentation for Custom Domains: docs.netlify.com/domains-http...
#LearnToCode // #React // #Programming Наука
You're never going to believe this dude but I spent 7 and a half hours trying to deploy via manually, CLI and the site but nothing worked until your video! I can now finally sleep in peace thanks to you! OMG! God bless you!
OMG SAME, even GPT can't help
@@notlikejericho I feel your pain bro! 😳 I used Google Bard, GPT and Bing but they all didn't work until I clicked on his video... I felt my sanity come back lol
I LOOOOOVE Netlify, it is soo simple & works everytime! Thanks for the tut!
🙆🏾♂️🙆🏾♂️why was this so simple and straightforward, after spending several days on other tutorials...👊🏿👊🏿thanks a lot man
I'm no type of pro or experienced person when it comes to this, I pushed everything to git and then tried to deploy a site straight form my git repo but always had an issue with my build dependencies, I followed you and got it done within a second. Appreciate your help!
I also had the same issue, so what i did was delete the site from the hosting platform and in vs code terminal i entered npm run build and that build folder that was created i dropped and deployed it and it worked, i had the problem you are or was facing, must try it, if u still facing it
Super useful - thanks for the video!
Thanks For the tutorial bro, was really struggling on this part
TYSM I was having trouble deploying my site lol.
I love it. Thanks Arpan!
Thank you!
thanx a lot bro! it works from the first time
simple, clear, and easy
Thanks Arpan keep going life saver!
Thank you, this was a great help to me!
Great to hear!
Dude you're the best
Wow!!! This was SO HELPFUL!!! Thank you!!!!
So glad!
Thanks..Very helpful
I was briefly your instructor at Coder Kids. You've been keeping pretty busy. Good job.
Haha yeah! I remember you teaching me Scratch. Thanks for helping me get started.
I haven’t uploaded as much since I started high school and have been busy with internships.
Hope all is well !
@@ArpanNeupaneProductions Makes sense. Gotta prioritize.
@@MinisterGold Lol yep
thank you sir!
thanks to this!
thanks very helpful
perfect thanks 👍🏻
tnx bro helps me alot
I tried for so long with manual deployment watched this video and 10 minutes later my entire site is deployed 😭. Thank you
I will try it now. I will tell if if worked! from Mayotte near Madagascar
It working so well and it is so simple thank you!! May God bless you. I hope that you believe that Jesus-Christ die for your sins to go to heaven!
thank you very much boss !
You're welcome boss!
thanks for you and #netlify♥
where would I be without RUclips mannnnn
Hahaha same feeling I had in the beginning lol
thanks
Thanks bro
np!
1000 THX from Morocco !!!!!!!!
I've been using netlify to host react apps. I just import one from github and deeply it. I saw in the deploy log of netlify that it creates a build folder itself. Does my method have any implications? Can you please tell this.
how would we do the backend as well?
Hi, do I need to run yarn build again if I need to update my site before dropping it on netlify? Thanks for the video!
If you want to update your site on Netlify, you have to run build again so that the changes are seen in the build folder. Then you can just drag and drop it :)
@@ArpanNeupaneProductions thanks for the help!
some how when I run the build command, it doesn't create the build folder
:(, any suggestions
When i deployed its showing only css html and not the api integration ui from omdb
my backend is in another folder, then how can i do npm run build for frontend and backend folders
If you haven't figured this out by now; you've gotta be in the frontend directory.
Nice video, thanks.
Hello. I have a multiple page app with React. Only the main page works. How can i get it work please ?
Umm is that because whenever you refresh on another route, Netlify doesn’t render other pages?
@@ArpanNeupaneProductions Yes. I got a "Page Not Found" error when I try to get to the others page of my app
@@aissata5258 Okay, in your build folder, make a file called "_redirects". Then, add this content to the file and deploy like demonstrated in the video: /* /index.html 200
@@ArpanNeupaneProductions It works 😃 ! Thank you so much
@@aissata5258 Anytime :)
Doesn't work just shows blank. It's not help me
Doesn't work just shows blank
I had the same problem. What fixed it for me was removing homepage from my package json file.
@@Spawn_187 oh thank...I'll try that