Skip to content
Permalink
Browse files

Add Deploy Button (#497)

* Add Deploy button to examples

* Updates

* Add preview links

* Update Saber readme

* Apply suggestions from code review

Co-Authored-By: Christopher <skllcrn@users.noreply.github.com>
  • Loading branch information...
2 people authored and msweeneydev committed Sep 25, 2019
1 parent 67eef13 commit 7619cd80a625f456d3bb3ee3163f834a56299783
@@ -1,16 +1,22 @@
# [Name] Example

This directory is a brief example of a [Name](site-link) site that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [Name](site-link) site that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

Deploy your own [Name] project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/example-directory)

### How We Created This Example

To get started with [Name] on Now, you can use the [CLI Tool Used](CLI-link) to initialize the project:

```shell
$ now init charge
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the [Name] example with just a single command:

@@ -0,0 +1 @@
<svg width="48" height="48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.428.013c-.103.01-.431.042-.727.066C14.883.693 8.497 4.37 4.453 10.024A23.755 23.755 0 0 0 .216 20.51C.023 21.828 0 22.217 0 24.005c0 1.787.023 2.177.216 3.495 1.304 9.012 7.718 16.584 16.417 19.39 1.558.501 3.2.844 5.068 1.05.727.08 3.87.08 4.598 0 3.224-.356 5.954-1.154 8.648-2.529.412-.21.492-.267.436-.314-.038-.028-1.797-2.388-3.909-5.24l-3.838-5.184-4.809-7.117c-2.646-3.913-4.824-7.112-4.842-7.112-.019-.005-.038 3.157-.047 7.018-.014 6.76-.019 7.033-.103 7.192-.122.23-.216.324-.413.427-.15.075-.282.09-.99.09h-.812l-.216-.137a.878.878 0 0 1-.314-.342l-.099-.211.01-9.407.014-9.41.145-.184c.075-.098.235-.225.347-.286.193-.094.268-.103 1.08-.103.957 0 1.116.038 1.365.31.07.075 2.674 3.997 5.79 8.721s7.376 11.175 9.469 14.342l3.8 5.756.192-.127c1.704-1.107 3.505-2.683 4.932-4.325a23.888 23.888 0 0 0 5.65-12.268c.192-1.319.215-1.708.215-3.495 0-1.788-.023-2.177-.216-3.495-1.304-9.013-7.718-16.584-16.417-19.39C29.832.623 28.199.28 26.369.074c-.45-.047-3.551-.099-3.94-.061zm9.825 14.515a.947.947 0 0 1 .474.554c.038.122.047 2.73.038 8.608l-.014 8.436-1.488-2.28-1.492-2.28v-6.132c0-3.964.019-6.193.047-6.3a.957.957 0 0 1 .465-.592c.192-.098.262-.108 1-.108.694 0 .816.01.97.094z" fill="#000"/></svg>
@@ -28,7 +28,7 @@ An issue can be raised by clicking the 'Issues' tab at the top of the repository

## Contributing Content

All of these ready to deploy examples feature a frontend framework or static site, created using the CLI tools they provide with zero configuration required. We welcome contributions of new examples that use the 'hello world' template of the particular framework or static site you want to add.
All of these ready to deploy examples feature a frontend framework or static site, created using the CLI tools they provide and zero configuration required. We welcome contributions of new examples that use the 'hello world' template of the particular framework or static site you want to add.

When contributing a new example, we kindly ask that you follow the steps below:

@@ -2,7 +2,7 @@

This is the public list of examples for **ZEIT Now**.

All of these ready to deploy examples feature a frontend framework or static site, created using the CLI tools they provide with zero configuration required.
All of these ready to deploy examples feature a frontend framework or static site, created with zero configuration using the CLI tools they provide.

The `+functions` examples feature an `/api` directory as well, highlighting how to use serverless functions on top of a framework, again with zero configuration required.

@@ -55,7 +55,7 @@ For example, the previous `nodejs` example showed a static frontend with a Node.

## Migrating and Upgrading

If you have an existing project you would like to deploy with ZEIT Now, we recommend reading our guide on [migrating to Now with zero configuration](https://zeit.co/guides/migrate-to-zeit-now/). By combining the guide with this repository, you will quickly be able to understand how to deploy your application.
If you have an existing project you would like to deploy with ZEIT Now, we recommend reading our guide on [migrating to Now and zero configuration](https://zeit.co/guides/migrate-to-zeit-now/). By combining the guide with this repository, you will quickly be able to understand how to deploy your application.

If you would like to upgrade a project to take advantage of zero configuration, you may find the [upgrade guide](https://zeit.co/guides/upgrade-to-zero-configuration/) useful. The upgrade guide covers how to remove configuration from existing projects along with how to use the `/api` directory.

@@ -1,18 +1,26 @@
# AMP Example

This directory is a brief example of a [AMP](https://amp.dev/) site that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of an [AMP](https://amp.dev/) site that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with AMP on Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:
Deploy your own AMP project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/amp)

*Live Example: https://amp.now-examples.now.sh*

### How We Created This Example

To get started deploying AMP with ZEIT Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:

```shell
$ now init amp
```

## Deploying this Example
### Deploying From Your Terminal

You can deploy the AMP example with just a single command:
You can deploy your new AMP project with a single command from your terminal using Now CLI:

```shell
$ now
@@ -1,18 +1,26 @@
# Angular Example

This directory is a brief example of an [Angular](https://angular.io/) app that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of an [Angular](https://angular.io/) app that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with Angular on Now, you can use the [Angular CLI](https://cli.angular.io/) to initialize the project:
Deploy your own Angular project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/angular)

*Live Example: https://angular.now-examples.now.sh*

### How We Created This Example

To get started with Angular, you can use the [Angular CLI](https://cli.angular.io/) to initialize the project:

```shell
$ ng new
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Angular example with just a single command:
You can deploy your new Angular project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,19 +1,28 @@
# Aurelia Example

This directory is a brief example of an [Aurelia](https://aurelia.io/) app that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of an [Aurelia](https://aurelia.io/) app that can be deployed with ZEIT Now and zero configuration.

## How we created this example

To get started with Aurelia on Now, you can use the [Aurelia CLI](https://aurelia.io/docs/cli/basics/) to initialize the project:
## Deploy Your Own

Deploy your own Aurelia project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/aurelia)

*Live Example: https://aurelia.now-examples.now.sh*

### How We Created This Example

To get started deploying Aurelia with ZEIT Now, you can use the [Aurelia CLI](https://aurelia.io/docs/cli/basics/) to initialize the project:

```shell
$ au new
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Aurelia example with just a single command:
You can deploy your new Aurelia project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
```
```
@@ -1,18 +1,26 @@
# Brunch Example

This directory is a brief example of a [Brunch](https://brunch.io/) site that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [Brunch](https://brunch.io/) site that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with Brunch on Now, you can use the [Brunch CLI](https://brunch.io/docs/commands) to initialize the project:
Deploy your own Angular project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/brunch)

*Live Example: https://brunch.now-examples.now.sh*

### How We Created This Example

To get started deploying Brunch with ZEIT Now, you can use the [Brunch CLI](https://brunch.io/docs/commands) to initialize the project:

```shell
$ brunch new project-name -s es6
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Brunch example with just a single command:
You can deploy your new Brunch project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,18 +1,26 @@
# Charge.js Example

This directory is a brief example of a [Charge.js](https://charge.js.org/) site that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [Charge.js](https://charge.js.org/) site that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with Charge.js on Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:
Deploy your own Charge.js project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/charge)

*Live Example: https://charge.now-examples.now.sh*

### How We Created This Example

To get started with Charge.js, you can use [Now CLI](https://zeit.co/download) to initialize the project:

```shell
$ now init charge
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Charge.js example with just a single command:
You can deploy your new Charge.js project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,18 +1,26 @@
# React Example

This directory is a brief example of a [React](https://reactjs.org/) app with serverless functions that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [React](https://reactjs.org/) app with [Serverless Functions](https://zeit.co/docs/v2/serverless-functions/introduction) that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with React on Now, you can use the [Create-React-App CLI](https://reactjs.org/docs/create-a-new-react-app.html#create-react-app) to initialize the project:
Deploy your own React project, along with Serverless Functions, with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/create-react-app-functions)

*Live Example: https://create-react-app-functions.now-examples.now.sh/*

### How We Created This Example

To get started with React, along with [Serverless Functions](https://zeit.co/docs/v2/serverless-functions/introduction), with ZEIT Now, you can use the [Create-React-App CLI](https://reactjs.org/docs/create-a-new-react-app.html#create-react-app) to initialize the project:

```shell
$ npx create-react-app my-app
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the React example with just a single command:
You can deploy your new React project, along with [Serverless Functions](https://zeit.co/docs/v2/serverless-functions/introduction), with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,18 +1,26 @@
# Create-React-App Example

This directory is a brief example of a [React](https://reactjs.org/) app that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [React](https://reactjs.org/) app that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with React on Now, you can use the [Create-React-App CLI](https://reactjs.org/docs/create-a-new-react-app.html#create-react-app) to initialize the project:
Deploy your own React project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/create-react-app)

*Live Example: https://create-react-app.now-examples.now.sh*

### How We Created This Example

To get started with React, you can use the [Create-React-App CLI](https://reactjs.org/docs/create-a-new-react-app.html#create-react-app) to initialize the project:

```shell
$ npx create-react-app my-app
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the React example with just a single command:
You can deploy your new React project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,18 +1,26 @@
# Custom Build Example

This directory is a brief example of using a custom build script that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of using a Custom Build script that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with using the Custom Build example on Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:
Deploy your own Custom Built project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/custom-build)

*Live Example: https://custom-build.now-examples.now.sh*

### How We Created This Example

To get started deploying a Custom Built project with ZEIT Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:

```shell
$ now init custom-build
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Custom Build example with just a single command:
You can deploy your new Custom Built project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,18 +1,26 @@
# Docusauras Example
# Docusaurus Example

This directory is a brief example of a [Docusauras](https://docusaurus.io/) site that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [Docusaurus](https://docusaurus.io/) site that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with Docusauras on Now, you can use the [Docusauras CLI](https://docusaurus.io/docs/en/installation) to initialize the project:
Deploy your own Docusaurus project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/docusaurus)

*Live Example: https://docusaurus.now-examples.now.sh*

### How We Created This Example

To get started with Docusauras for deployment with ZEIT Now, you can use the [Docusauras CLI](https://docusaurus.io/docs/en/installation) to initialize the project:

```shell
$ docusauras-init
```

## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Docusauras example with just a single command:
You can deploy your new Docusauras project with a single command from your terminal using [Now CLI](/download):

```shell
$ now
@@ -1,20 +1,28 @@
# Docz Example

This directory is a brief example of a [Docz](https://www.docz.site/) site that can be deployed to ZEIT Now with zero configuration.
This directory is a brief example of a [Docz](https://www.docz.site/) site that can be deployed with ZEIT Now and zero configuration.

## How we created this example
## Deploy Your Own

To get started with Docz on Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:
Deploy your own Docz project with ZEIT Now.

[![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/docz)

*Live Example: https://docz.now-examples.now.sh*

### How We Created This Example

To get started with Docz for deployment with ZEIT Now, you can use the [Now CLI](https://zeit.co/download) to initialize the project:

```shell
$ now init docz
```

> The only change made is to add `dest: '/public'` to the `doczrc.js` file.
## Deploying this Example
### Deploying From Your Terminal

Once initialized, you can deploy the Docz example with just a single command:
You can deploy your new Docz project with a single command from your terminal using [Now CLI](/download):

```shell
$ now

0 comments on commit 7619cd8

Please sign in to comment.
You can’t perform that action at this time.