How to Deploy Create React App to GitHub Pages?

▬▬▬▬▬ Experience & Location 💼 ▬▬▬▬▬
► I’m a Senior Software Engineer at Juniper Networks (12+ years of experience)
► Located in San Francisco Bay Area, CA (US citizen)

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

▬▬▬▬▬▬ Related videos 👨‍🏫 ▬▬▬▬▬▬

=========
⏱️TIMESTAMPS⏱️
0:00 Intro
0:22 Create Public Repository in GitHub
1:21 Install create-react-app Using Npm
1:40 Use create-react-app to Create Project
2:30 Add homepage to React App
3:09 Install gh-pages for React
4:27 Deploy React App to GitHub Pages

=========
Source Code

#GitHubPages #ReactJS #CreateReactApp

[AntonPutra]

⏱️TIMESTAMPS⏱️
0:00​ Intro
0:22​ Create Public Repository in GitHub
1:21​ Install create-react-app Using Npm
1:40​ Use create-react-app to Create Project
2:30​ Add homepage to React App
3:09​ Install gh-pages for React
4:27​ Deploy React App to GitHub Pages

[modeal]

wtf this is the quickest way I've seen someone deploy react to gh-pages. More popular youtube channels tells you to do everything it says when you make the repository.. git init, commit, branch, yada yada. And after all that, most of the time I get an error. I was expecting a similar error here but.. there isn't.
Props to you, man.

[jekaprudnik]

Максимально вдячний, дуже допомогло)))

[T_rex-teus]

I really have to say that I believe that exactly these kind of tutorials, where everything is explained quick and compact without leaving out any informations are by far the best tutorials that you can find. I wish more tutorials were like this, thank you for this amazing content! (PLUS: it worked straight away)

[notyilys]

thank you so much for this! i couldnt figure out what i was doing wrong when deploying, but your tutorial helped me out and i managed to get my project on github pages immediately!

[dancemusikk]

THANK YOU THANK YOU THANK YOU!!! This was by far the easiest and quickest tutorial. I was having such a hard time getting an existing portfolio project deployed and this was so clear and perfect!
Definitely saving this in the "coding" YouTube folder! New subscriber!

[olga_lc]

Thank you Anton, that was super useful!
For those who struggle with React Router - replace BrowserRouter with HashRouter for deployment

[okeaniafree]

Спасибо большое! Наконец то нашла ясное пояснение!

[SkyrimBeast]

Many thanks for the video Anton. Like a few other people said, your instructions actually worked without issue. Sub'd

[sajjadkazi]

dude your awesome, Have a great day man. Thank You

[FranklinAndOprahBFF]

hey! thank you, im getting a job because of you! priviet!

[abdullahumer]

Very informative and helpful. Thank you.

Can I edit my project after its deployed?
Like if I'm working with a friend and want to show progress.

[VIJana]

Антон, добрый день, задеплоила сайт на реак в гитхаб, он простенький, но с тремя страницами и на главной странице содержимое отображается частично, как буд-то не подключена часть компонентов, а другие страницы вообще не отображаются. Можете помочь разобраться?

[Heleno_RR]

At which point was you repository initiated? Here I have to both create it at the website and "git init" in bash

[comingforyou]

Does it work with when we have routing between multiple pages in our application?

[vkompas]

Hi there. I have a problem while "git remote add origin..." after clicking enter it says "git is not recognized as an internal or external command. does your video still works ? how to fix this ? tnx

[danimos]

Hi! I have a problem with it. At first it deployed, but after I edited the project ( it runs locally ) I deploy it succesfully but when I acces the page, no component is shown. Only the background color I set on index.html. What can I do?

[polynomen]

Is it possible to have a dynamic NextJS site with api calls in github pages ?

[andresarandaarpe]

please, the video for deploy mern stack in aws o lightsail aws, please! thanks!

[mochrafi]

Hello i just follow ur instructions from start, but what happen to me when deployment the page didn't show anything, is that something wrong with this? Thank youu