Deploy a personal React portfolio or project page for free using GitHub Pages without paying for hosting.
Learn the complete workflow for publishing a React app from scratch, including repository setup and the deploy command.
Host a static React app at a public URL without setting up or managing a server.
Requires Node.js, npm, and Git installed locally, plus a GitHub account, tutorial was written for a specific older version of create-react-app.
This repository is a step-by-step tutorial explaining how to build a React web app and publish it for free on the internet using GitHub Pages. React is a popular JavaScript framework for building websites and web apps, and GitHub Pages is a free hosting service from GitHub that can serve a website directly from a code repository. The tutorial walks you through the entire process from a blank slate. You create a new empty repository on GitHub, use a tool called create-react-app to generate a starter React project on your computer, install a small publishing helper called gh-pages, and then add a couple of lines to a configuration file. After that, running a single command builds your app and sends it to GitHub, where it becomes accessible at a public web address like yourusername.github.io/your-repo-name. The audience is people who have some familiarity with the command line and want to get a React project online without paying for hosting or setting up a server. You do need Node.js, npm, and Git installed on your computer before starting, and you need a GitHub account. The tutorial was written for a specific older version of create-react-app and notes that newer versions of some tools may behave slightly differently. The repository itself contains the finished example app that the tutorial produces, so you can see what the end result looks like. It also links to a Traditional Chinese translation of the tutorial for readers who prefer that language. This is an educational resource, not a library or tool you install. The value is the written walkthrough that explains each step and why it is needed, rather than any code that you import into your own project.
← gitname on gitmyhub — every repo by this author, as a profile.
Verify against the repo before relying on details.