rsnext/examples/with-docker
Joe Haddad 18a9c7e371
Improve linting rules to catch more errors (#9374)
* Update `packages/`

* Update examples

* Update tests

* Update bench

* Update top level files

* Fix build

* trigger
2019-11-10 19:24:53 -08:00
..
pages Improve linting rules to catch more errors (#9374) 2019-11-10 19:24:53 -08:00
.dockerignore Add docker example (#4261) 2018-05-05 04:12:56 -07:00
Dockerfile Add docker example (#4261) 2018-05-05 04:12:56 -07:00
Dockerfile.multistage 🐳️ multistage: remove devDependencies (#5477) 2018-10-19 00:36:04 +02:00
next.config.js Improve linting rules to catch more errors (#9374) 2019-11-10 19:24:53 -08:00
package.json Test updater script on examples folder (#5993) 2019-01-05 12:19:27 +01:00
README.md Replace the deprecated Create Next App URL (#9032) 2019-10-10 23:34:14 -04:00

With Docker

How to use

Using create-next-app

Execute create-next-app with Yarn or npx to bootstrap the example:

npx create-next-app --example with-docker with-docker-app
# or
yarn create next-app --example with-docker with-docker-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-docker
cd with-docker

Build it with docker:

# build
docker build -t next-app .
# or, use multi-stage builds to build a smaller docker image
docker build -t next-app -f ./Dockerfile.multistage .

Run it:

docker run --rm -it \
  -p 3000:3000 \
  -e "API_URL=https://example.com" \
  next-app

Deploy it to the cloud with now (download)

now --docker -e API_URL="https://example.com"

The idea behind the example

This example show how to set custom environment variables for your docker application at runtime.

The dockerfile is the simplest way to run Next.js app in docker, and the size of output image is 173MB. However, for an even smaller build, you can do multi-stage builds with dockerfile.multistage. The size of output image is 85MB.

You can check the Example Dockerfile for your own Node.js project section in mhart/alpine-node for more details.