Nuxt.jsの動作環境をdockerで作る

はじめに

Nuxt.jsを試すために環境を用意する。
まずはstarter-templateを表示してみる。

環境

Windows10 Pro
Docker for Windows

コンテナ起動準備

node.js公式のイメージからvue-cliだけ入れたイメージを作る。

Dockerfile

FROM node:10-alpine
RUN npm install -g vue-cli
WORKDIR /app
ENV HOST 0.0.0.0
EXPOSE 3000

docker-compose.yml

version: '3'
services:
  app:
    build: .
    tty: true
    volumes:
      - "./../app:/app"
    ports:
      - "3000:3000"

ビルドとコンテナ起動

$ docker-compose build
$ docker-compose up -d

starter-templateの起動

$ docker-compose exec app sh
# vue init nuxt-community/starter-template
# yarn install
# yarn run dev

ブラウザからアクセス

http://localhost:3000

スターターページが表示されればOK。