How to Deploy a React App to Netlify | Quick & Easy!
Вставка
- Опубліковано 7 лип 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!
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
🙆🏾♂️🙆🏾♂️why was this so simple and straightforward, after spending several days on other tutorials...👊🏿👊🏿thanks a lot man
TYSM I was having trouble deploying my site lol.
Super useful - thanks for the video!
I love it. Thanks Arpan!
Thank you!
simple, clear, and easy
Thanks For the tutorial bro, was really struggling on this part
I tried for so long with manual deployment watched this video and 10 minutes later my entire site is deployed 😭. Thank you
thanx a lot bro! it works from the first time
Thank you, this was a great help to me!
Great to hear!
Thanks Arpan keep going life saver!
Wow!!! This was SO HELPFUL!!! Thank you!!!!
So glad!
Dude you're the best
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
Thanks..Very helpful
thank you sir!
thanks to this!
thanks very helpful
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.
tnx bro helps me alot
perfect thanks 👍🏻
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!
how would we do the backend as well?
thank you very much boss !
You're welcome boss!
where would I be without UA-cam mannnnn
Hahaha same feeling I had in the beginning lol
thanks for you and #netlify♥
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!
Thanks bro
np!
thanks
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.
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
1000 THX from Morocco !!!!!!!!
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
Nice video, thanks.