Update deployment guide

This commit is contained in:
MD. Ariful Alam 2021-09-11 12:51:05 +06:00 committed by GitHub
parent d7696f070e
commit a69bee5cd0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -383,26 +383,6 @@ Once you are done with your setup and have completed all steps above, you need t
**1. Github Pages:**
(BASIC)
- Open <code>package.json</code>, and change <code>homepage</code>'s value to <code>https://username.github.io/repoName</code>.
```js
// package.json
{
// ...
"homepage": "https://username.github.io/repoName",
}
```
- Now commit to your main branch
- The CI/CD pipeline will publish your page at the gh-pages branch.
- Go to Settings -> Pages -> Source and change the branch to gh-pages
- You can see the link where it is published.
- Any time you commit a change to main branch the website will automatically update.
- If you see only <code>README</code> at <code>username.github.io/repoName</code>, be sure to change your GitHub Page's source to <code>gh-pages</code> branch. See [how to](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site).
(ADVANCED)
- You can take this a step further by creating a repository in your name.
- Rename your forked repository to <code>username.github.io</code> in github, where <code>username</code> is your GitHub username (or organization name).
- Open <code>package.json</code>, and change <code>homepage</code>'s value to <code>https://username.github.io</code>.
@ -413,9 +393,16 @@ Once you are done with your setup and have completed all steps above, you need t
"homepage": "https://username.github.io",
}
```
- Your personal portfolio will be live at <code>username.github.io</code>. For more info, visit [here](https://create-react-app.dev/docs/deployment/#github-pages).
- Now commit to your main branch
- The CI/CD pipeline will publish your page at the gh-pages branch automatically.
- Go to your repo's Settings -> Pages -> Source and change the branch to gh-pages
- Your personal portfolio will be live at <code>username.github.io</code>.
- Any time you commit a change to main branch the website will automatically update.
Manual deployment is also available by running <code>npm run deploy</code>. For more info, visit [here](https://create-react-app.dev/docs/deployment/#github-pages). If you see only <code>README</code> at <code>username.github.io/repoName</code>, be sure to change your GitHub Page's source to <code>gh-pages</code> branch. See [how to](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site).
<br/>
**2. Other:** You can also host your website to Netlify, Vercel, Heroku, or other popular services. Please refer to this [doc](https://create-react-app.dev/docs/deployment) for a detailed deployment guide.