How to Deploy a React App to Netlify | Quick & Easy!

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

[@2ru2pacFan]

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!

[@notlikejericho]

OMG SAME, even GPT can't help

[@2ru2pacFan]

@@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

[@SR3371]

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!

[@RahulDawpersad_TheDeveloper]

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

[@EnglishRain]

I LOOOOOVE Netlify, it is soo simple & works everytime! Thanks for the tut!

[@Tad4546]

🙆🏾‍♂️🙆🏾‍♂️why was this so simple and straightforward, after spending several days on other tutorials...👊🏿👊🏿thanks a lot man

[@bjjiscoolman]

TYSM I was having trouble deploying my site lol.

[@learnwithpash1541]

I love it. Thanks Arpan!

[@ArpanNeupaneProductions]

Thank you!

[@Mahkmann]

Super useful - thanks for the video!

[@KingPacavision]

I tried for so long with manual deployment watched this video and 10 minutes later my entire site is deployed 😭. Thank you

[@coldnovagamer]

simple, clear, and easy

[@Genexrex]

Thanks For the tutorial bro, was really struggling on this part

[@MinisterGold]

I was briefly your instructor at Coder Kids. You've been keeping pretty busy. Good job.

[@ArpanNeupaneProductions]

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 !

[@MinisterGold]

@@ArpanNeupaneProductions Makes sense. Gotta prioritize.

[@ArpanNeupaneProductions]

@@MinisterGold Lol yep

[@chasingmillions8584]

Wow!!! This was SO HELPFUL!!! Thank you!!!!

[@ArpanNeupaneProductions]

So glad!

[@hawiedawitt]

Dude you're the best

[@woestyn202]

Thank you, this was a great help to me!

[@ArpanNeupaneProductions]

Great to hear!

[@dooistyping158]

thanx a lot bro! it works from the first time

[@sylviaboyani1707]

Thanks Arpan keep going life saver!

[@manpreetkaur5568]

Thanks..Very helpful

[@foofoo17]

thank you sir!

[@antiBud]

thanks to this!

[@williamdevonshire356]

perfect thanks 👍🏻

[@theninjacoder2213]

thanks very helpful

[@yanssouu8299]

thank you very much boss !

[@ArpanNeupaneProductions]

You're welcome boss!

[@idany1994]

tnx bro helps me alot

[@danielMangal]

I will try it now. I will tell if if worked! from Mayotte near Madagascar

[@danielMangal]

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!

[@ssk7690]

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.

[@samueloso8393]

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!

[@ArpanNeupaneProductions]

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 :)

[@samueloso8393]

@@ArpanNeupaneProductions thanks for the help!

[@thestranger2309]

thanks for you and #netlify♥

[@lkharfijalal5792]

Thanks bro

[@ArpanNeupaneProductions]

np!

[@iconicwebdesigners6764]

where would I be without KZbin mannnnn

[@ArpanNeupaneProductions]

Hahaha same feeling I had in the beginning lol

[@williamdevonshire356]

how would we do the backend as well?

[@echchafykyotmane6006]

thanks

[@RacharlaSaiKumar]

my backend is in another folder, then how can i do npm run build for frontend and backend folders

[@renealbrechtsen9743]

If you haven't figured this out by now; you've gotta be in the frontend directory.

[@xxxxxxxxxxxxxxxxk]

1000 THX from Morocco !!!!!!!!

[@elsamixd8477]

some how when I run the build command, it doesn't create the build folder :(, any suggestions

[@taufiquekhan9530]

When i deployed its showing only css html and not the api integration ui from omdb

[@aissata5258]

Hello. I have a multiple page app with React. Only the main page works. How can i get it work please ?

[@ArpanNeupaneProductions]

Umm is that because whenever you refresh on another route, Netlify doesn’t render other pages?

[@aissata5258]

@@ArpanNeupaneProductions Yes. I got a "Page Not Found" error when I try to get to the others page of my app

[@ArpanNeupaneProductions]

@@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

[@aissata5258]

@@ArpanNeupaneProductions It works 😃 ! Thank you so much

[@ArpanNeupaneProductions]

@@aissata5258 Anytime :)

[@bekzatmurat1341]

Doesn't work just shows blank. It's not help me

[@funshoajayi2224]

Doesn't work just shows blank

[@Spawn_187]

I had the same problem. What fixed it for me was removing homepage from my package json file.

[@funshoajayi2224]

@@Spawn_187 oh thank...I'll try that

[@niloben659]

Nice video, thanks.