Skip to content
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

Jump to bottom

Adjusted deployment documentation for ZEIT Now #7488

Merged
merged 3 commits into from
Aug 8, 2019
Merged

Adjusted deployment documentation for ZEIT Now #7488

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7257ffa
Adjusted deployment documentation for ZEIT Now
leo Aug 8, 2019
4ec13cc
Fixed missing word
leo Aug 8, 2019
89fffec
Update docusaurus/docs/deployment.md
leo Aug 8, 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
26 changes: 17 additions & 9 deletions docusaurus/docs/deployment.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -436,27 +436,35 @@ To support `pushState`, make sure to create a `public/_redirects` file with the

When you build the project, Create React App will place the `public` folder contents into the build output.

## [Now](https://zeit.co/now)
## [ZEIT Now](https://zeit.co)

[Now](https://zeit.co/docs) offers a simple, single-command deployment. You can use `now` to deploy your app for free.
[ZEIT Now](https://zeit.co) is a cloud platform for websites and serverless APIs, that you can use to deploy your Create React App projects to your personal domain (or a free `.now.sh` suffixed URL).

The first step is to install Now. You can do this by installing [the Now Desktop app](https://zeit.co/download), which also installs Now CLI and keeps it up-to-date, or by [installing Now CLI](https://zeit.co/download#now-cli) directly with npm:
This guide will show you how to get started in a few quick steps:

### Step 1: Installing Now CLI

To install their command-line interface with [npm](https://www.npmjs.com/package/now), run the following command:

```shell
npm i -g now
```

To deploy your built project directly with Now CLI in your terminal, without any configuration:
### Step 2: Deploying

You can deploy your application by running the following command in the root of the project directory:

1. Build your app by running `npm run build`.
```shell
now
```

2. Move into the build directory by running `cd build`.
**Alternatively**, you can also use their integration for [GitHub](https://zeit.co/github) or [GitLab](https://zeit.co/gitlab).

3. Run `now --name your-project-name` from within the build directory. You will be given a **now.sh** URL as a response as your build is deployed, similar to the following: https://my-cra-project-4rx7b16z3.now.sh/
That’s all!

Click or paste the deployment URL into your browser when the build is complete and you will see your deployed app.
Your site will now deploy, and you will receive a link similar to the following: https://react.now-examples.now.sh

For more information on deploying React applications with Now, including automatically building your application fresh in the cloud, setting up routes to rewrite all paths to the index.html file, and setting up caching headers for speed, see [the ZEIT Guide for Deploying a React app with Create React App](https://zeit.co/guides/deploying-react-with-now-cra/).
Out of the box, you are preconfigured for client-side routing compatibility and appropriate default caching headers. This behaviour can be overwritten [like this](https://zeit.co/docs/v2/advanced/routes/).

## [Render](https://render.com)

Expand Down