diff --git a/docs/unit7.mdx b/docs/unit7.mdx index 13a2f86..d0e33a4 100644 --- a/docs/unit7.mdx +++ b/docs/unit7.mdx @@ -415,6 +415,22 @@ This will run the react app, and you will be able to see it in your browser. It ![React Compiled Terminal Output](../static/img/unit7/react-compiled.png) +## Setting Up GitHub Pages + +If you don't have Github Pages set up yet, here's a quick recap. +**GitHub Pages allows us to deploy our site quickly, easily, and for free**. + +To activate GitHub pages for your repository: +1. Click on the “Settings” tab +2. Click “Pages” +3. Select “main” as your Source Branch +4. Click “Save” +5. Check “Enforce HTTPS” + +![GitHub Pages](../static/img/unit4/gh-pages.png) + +Now, whenever you push a new commit to the `main` branch of your repository, the website will be **automatically updated**. + ## Deploying React to GitHub Pages We can also share our new React website with GitHub Pages as well! This is a little less straightforward, since we are using React. We are going to have to install `gh-pages` , a node module that lets us publish to GitHub pages. @@ -481,4 +497,4 @@ React has a lot of resources on its own website, that are really useful A very cool React Tutorial -- [https://react-tutorial.app/app.html](https://react-tutorial.app/app.html) \ No newline at end of file +- [https://react-tutorial.app/app.html](https://react-tutorial.app/app.html)