Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/glweems/coin-market

coinmarketcap like web app using cryptocompare api and react.js
https://github.com/glweems/coin-market

bitcoin bitcoin-api cryptocompare-api cryptocurrency fetch-api graphql react react-router

Last synced: 7 days ago
JSON representation

coinmarketcap like web app using cryptocompare api and react.js

Awesome Lists containing this project

README

        

# Gatsby

In this example we will be deploying a simple "Hello World" example with Gatsby.

### Getting started with Gatsby

Start a new Gatsby project using:

```
npx gatsby new
```

### Deploy with Now

First we need to create a `now.json` configuration file to instruct Now how to build the project.

For this example we will be using our newest version [Now 2.0](https://zeit.co/now).

By adding the `version` key to the `now.json` file, we can specify which Now Platform version to use.

We also need to define each builders we would like to use. [Builders](https://zeit.co/docs/v2/deployments/builders/overview/) are modules that take a deployment's source and return an output, consisting of [either static files or dynamic Lambdas](https://zeit.co/docs/v2/deployments/builds/#sources-and-outputs).

In this case we are going to use `@now/static-build` to build and deploy our Gatsby application selecting the `package.json` as our entry point. We will also define a name for our project (optional).

```json
{
"version": 2,
"name": "gatsby",
"builds": [
{ "src": "package.json", "use": "@now/static-build", "config": {"distDir": "public"} }
]
}
```

Visit our [documentation](https://zeit.co/docs/v2/deployments/configuration) for more information on the `now.json` configuration file.

We also need to include a script in `package.json` named `"now-build"` that specifies what command Now will run on the server to "build" your application. Also, notice that this builder accepts a configuration called `"distDir"`, which should point to the output directory of our build script, which for Gatsby it is called `public`.

```json
{
"scripts": {
...
"now-build": "npm run build"
}
}
```

We are now ready to deploy the app.

```
now
```