Skip to content

Updated for Zeit Now V2 #4232

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 4 commits into from
Jul 14, 2019
Merged

Updated for Zeit Now V2 #4232

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
7d303e4
Updated for Zeit Now V2
ivansieder Jul 3, 2019
9e86bfd
Fixed styling issue
ivansieder Jul 3, 2019
afd9c43
Added additional hint for router mode set to history
ivansieder Jul 10, 2019
a73f57c
Update docs/guide/deployment.md
ivansieder Jul 11, 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
60 changes: 42 additions & 18 deletions docs/guide/deployment.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -211,6 +211,8 @@ Please refer to the [Firebase Documentation](https://firebase.google.com/docs/ho

### Now

This example uses the latest Now platform version 2.

1. Install the Now CLI globally:

```bash
Expand All @@ -222,35 +224,57 @@ npm install -g now
```json
{
"name": "my-example-app",
"type": "static",
"static": {
"public": "dist",
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
},
"alias": "vue-example",
"files": [
"dist"
]
"version": 2,
"builds": [
{ "src": "dist/**", "use": "@now/static" }
],
"routes": [
{ "src": "/(.*)", "dest": "dist/$1" }
],
"alias": "vue-example"
}
```

You can further customize the static serving behavior by consulting [Now's documentation](https://zeit.co/docs/deployment-types/static).

In case you want to deploy an application with router mode set to history, the config file should look like the following (if you have different folder names, update your config accordingly):
```json
{
"name": "my-example-app",
"version": 2,
"builds": [
{
"src": "dist/**",
"use": "@now/static"
}
],
"routes": [
{
"src": "/(js|css|img)/(.*)",
"dest": "/dist/$1/$2"
},
{
"src": "/favicon.ico",
"dest": "/dist/favicon.ico"
},
{
"src": "/(.*)",
"dest": "/dist"
}
],
"alias": "vue-example"
}
```
This additional config is required in order to avoid issues when directly deep-linking to a specific page (e.g. when opening `my-example-app.now.sh/some-subpage`, you would be presented with a 404 error otherwise).

3. Adding a deployment script in `package.json`:

```json
"deploy": "npm run build && now && now alias"
"deploy": "npm run build && now --target production"
```

If you want to deploy publicly by default, you can change the deployment script to the following one:

```json
"deploy": "npm run build && now --public && now alias"
"deploy": "npm run build && now --target production --public"
```

This will automatically point your site's alias to the latest deployment. Now, just run `npm run deploy` to deploy your app.
Expand Down