Skip to content

Add deployment instructions with AWS Amplify #6208

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Mar 21, 2019
Merged

Add deployment instructions with AWS Amplify #6208

Changes from 4 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
5ecc74d
Add AWS Amplify deployments to the CRA Docs
swaminator Jan 15, 2019
7f13087
Fixed typos
swaminator Jan 15, 2019
cf36c25
added gif
swaminator Jan 15, 2019
d2524c4
GIF link
swaminator Jan 15, 2019
0526a2f
Update docusaurus/docs/deployment.md
iansu Mar 20, 2019
8b68e76
Update docusaurus/docs/deployment.md
iansu Mar 20, 2019
27ff346
Removed GIF
swaminator Mar 20, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 17 additions & 2 deletions docusaurus/docs/deployment.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,8 @@ To override this, specify the `homepage` in your `package.json`, for example:
This will let Create React App correctly infer the root path to use in the generated HTML file.

**Note**: If you are using `react-router@^4`, you can root `<Link>`s using the `basename` prop on any `<Router>`.<br>
More information [here](https://reacttraining.com/react-router/web/api/BrowserRouter/basename-string).<br>
More information [here](https://reacttraining.com/react-router/web/api/BrowserRouter/basename-string).<br>

<br>
For example:

Expand Down Expand Up @@ -155,6 +156,19 @@ You can specify other environments in the same way.

Variables in `.env.production` will be used as fallback because `NODE_ENV` will always be set to `production` for a build.

## [AWS Amplify](http://console.amplify.aws)

The AWS Amplify Console provides continuous deployment and hosting for modern web apps (single page apps and static site generators) with serverless backends. The Amplify Console offers globally available CDNs, easy custom domain setup, feature branch deployments, and password protection.

1. Login to the Amplify Console [here](https://console.aws.amazon.com/amplify/home).
1. Connect your create-react-app repo and pick a branch. If you're looking for a CRA+Amplify starter, try the [create-react-app-auth-amplify starter](https://github.com/swaminator/create-react-app-auth-amplify) that demonstrates setting up auth in 10 minutes with create-react-app.
1. The Amplify Console automatically detects the build settings. Choose Next.
1. Choose *Save and deploy* and sit back.

If the build succeeds, the app is deployed and hosted on a global CDN with an amplifyapp.com domain. You can now continuously deploy changes to your frontend or backend. Continuous deployment allows developers to deploy updates to their frontend and backend on every code commit to their Git repository.

<img src="https://raw.githubusercontent.com/swaminator/create-react-app-auth-amplify/master/src/images/amplifyconsole-cra.gif" width="500" alt="amplify-console">

## [Azure](https://azure.microsoft.com/)

See [this](https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321) blog post on how to deploy your React app to Microsoft Azure.
Expand Down Expand Up @@ -240,7 +254,8 @@ For more information see [Firebase Hosting](https://firebase.google.com/docs/hos

### Step 1: Add `homepage` to `package.json`

**The step below is important!**<br>
**The step below is important!**<br>

**If you skip it, your app will not deploy correctly.**

Open your `package.json` and add a `homepage` field for your project:
Expand Down