You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docusaurus/docs/deployment.md
+22-17
Original file line number
Diff line number
Diff line change
@@ -444,35 +444,40 @@ To support `pushState`, make sure to create a `public/_redirects` file with the
444
444
445
445
When you build the project, Create React App will place the `public` folder contents into the build output.
446
446
447
-
## [ZEIT Now](https://zeit.co)
447
+
## [Vercel](https://vercel.com)
448
448
449
-
[ZEIT Now](https://zeit.co) is a cloud platform forwebsites 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).
449
+
[Vercel](https://vercel.com/home) is a cloud platform that enables developers to host Jamstack websites and web services that deploy instantly, scale automatically, and requires no supervision, all with zero configuration. They provide a global edge network, SSL encryption, asset compression, cache invalidation, and more.
450
450
451
-
This guide will show you how to get started in a few quick steps:
451
+
### Step 1: Deploying your React project to Vercel
452
452
453
-
### Step 1: Installing Now CLI
453
+
To deploy your React project with a [Vercel for Git Integration](https://vercel.com/docs/git-integrations), make sure it has been pushed to a Git repository.
454
454
455
-
To install their command-line interface with [npm](https://www.npmjs.com/package/now), run the following command:
455
+
Import the project into Vercel using the [Import Flow](https://vercel.com/import/git). During the import, you will find all relevant [options](https://vercel.com/docs/build-step#build-&-development-settings) preconfigured for you with the ability to change as needed.
456
456
457
-
```shell
458
-
npm i -g now
459
-
```
457
+
After your project has been imported, all subsequent pushes to branches will generate [Preview Deployments](https://vercel.com/docs/platform/deployments#preview), and all changes made to the [Production Branch](https://vercel.com/docs/git-integrations#production-branch) (commonly "master" or "main") will result in a [Production Deployment](https://vercel.com/docs/platform/deployments#production).
460
458
461
-
### Step 2: Deploying
459
+
Once deployed, you will get a URL to see your app live, such as the following: https://create-react-app-example.vercel.app/.
462
460
463
-
You can deploy your application by running the following commandin the root of the project directory:
461
+
### Step 2 (optional): Using a Custom Domain
464
462
465
-
```shell
466
-
now
467
-
```
463
+
If you want to use a Custom Domain with your Vercel deployment, you can **Add** or **Transfer in** your domain via your Vercel [account Domain settings.](https://vercel.com/dashboard/domains)
464
+
465
+
To add your domain to your project, navigate to your [Project](https://vercel.com/docs/platform/projects) from the Vercel Dashboard. Once you have selected your project, click on the "Settings" tab, thenselectthe**Domains** menu item. From your projects **Domain** page, enter the domain you wish to add to your project.
466
+
467
+
Once the domain as been added, you will be presented with different methods for configuring it.
468
+
469
+
### Deploying a fresh React project
468
470
469
-
**Alternatively**, you can also use their integrationfor[GitHub](https://zeit.co/github) or [GitLab](https://zeit.co/gitlab).
471
+
You can deploy a fresh React project, with a Git repository set upforyou, with the following Deploy Button:
470
472
471
-
That’s all!
473
+
[](https://vercel.com/import/git?s=https%3A%2F%2Fgh.loli.garden%2Fvercel%2Fvercel%2Ftree%2Fmaster%2Fexamples%2Fcreate-react-app)
472
474
473
-
Your site will now deploy, and you will receive a link similar to the following: https://react.now-examples.now.sh
475
+
### Vercel References:
474
476
475
-
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/).
0 commit comments