<p>Publish your React.js application made with <code>create-react-app</code> to github easily with these commands.</p>
<h2 id="heading-commands-used">⌨️ Commands Used</h2>
<h3 id="heading-step-0-create-repository-in-github">Step 0 (Create Repository in Github)</h3>
<p>Create a Repository in github and collect the github repository remote url</p>
<h3 id="heading-step-1-push-the-repo-to-github">Step 1 (Push The Repo To Github)</h3>
<p>Put your repository link here</p>
<pre><code class="lang-bash">git remote add origin YOUR_REPO_LINK
</code></pre>
<pre><code class="lang-bash">git add -A
</code></pre>
<pre><code class="lang-bash">git commit -m <span class="hljs-string">"Initial commit"</span>
</code></pre>
<pre><code class="lang-bash">git push -u origin main
</code></pre>
<h3 id="heading-step-2-add-home-page-for-the-app">Step 2 (Add Home Page for the app)</h3>
<p>Replace <strong><mark>jashezan</mark></strong> with your <a target="_blank" href="https://github.com">github</a> username. Also provide the repository link of your react app on github.</p>
<pre><code class="lang-bash"><span class="hljs-string">"homepage"</span>: <span class="hljs-string">"https://jashezan.github.io/[YOUR REPO NAME]"</span>,
</code></pre>
<h3 id="heading-step-3-install-gh-pages-as-dev-dependency">Step 3 (Install <code>gh-pages</code> as Dev Dependency)</h3>
<pre><code class="lang-bash">npm install gh-pages --save-dev
</code></pre>
<h3 id="heading-step-4-deploy-the-reactjs-app-with-scripts">Step 4 (Deploy the React.js App with scripts)</h3>
<pre><code class="lang-bash"><span class="hljs-string">"predeploy"</span>: <span class="hljs-string">"npm run build"</span>,
<span class="hljs-string">"deploy"</span>: <span class="hljs-string">"gh-pages -d build"</span>,
</code></pre>
<pre><code class="lang-bash">npm run deploy
</code></pre>
<hr />
<p>Source video: <a target="_blank" href="https://www.youtube.com/watch?v=2hM5viLMJpA">https://www.youtube.com/watch?v=2hM5viLMJpA</a></p>


Publish your React.js application made with `create-react-app` to github easily with these commands.

## ⌨️ Commands Used

### Step 0 (Create Repository in Github)

Create a Repository in github and collect the github repository remote url

### Step 1 (Push The Repo To Github)

Put your repository link here

```bash
git remote add origin YOUR_REPO_LINK
```

```bash
git add -A
```

```bash
git commit -m "Initial commit"
```

```bash
git push -u origin main
```

### Step 2 (Add Home Page for the app)

Replace **<mark>jashezan</mark>** with your [github](https://github.com) username. Also provide the repository link of your react app on github.

```bash
"homepage": "https://jashezan.github.io/[YOUR REPO NAME]",
```

### Step 3 (Install `gh-pages` as Dev Dependency)

```bash
npm install gh-pages --save-dev
```

### Step 4 (Deploy the React.js App with scripts)

```bash
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
```

```bash
npm run deploy
```

---

Source video: [https://www.youtube.com/watch?v=2hM5viLMJpA](https://www.youtube.com/watch?v=2hM5viLMJpA)

Publish React App From create-react-app to Github

react app free hosting in github

Free hosting for your react application easily with github

⌨️ Commands Used

Publish React App From create-react-app to Github

Free hosting for your react application easily with github

Table of contents

⌨️ Commands Used

Step 0 (Create Repository in Github)

Step 1 (Push The Repo To Github)

Step 2 (Add Home Page for the app)

Step 3 (Install gh-pages as Dev Dependency)

Step 4 (Deploy the React.js App with scripts)

Step 3 (Install `gh-pages` as Dev Dependency)