もっと簡単にDockerでNuxt.jsを始めてみる(続Dockerでローカル環境を汚さずにNuxt.jsを始めてみる)

背景

Dockerでローカル環境を汚さずにNuxt.jsを始めてみる
がだいぶ古くなってきたので、もっと簡単にやってみる。

試した環境

Docker for Mac (macOS Mojave)

docker-compose.ymlの記述

version: "3"
services: 
  node:
    build: ./
    working_dir: /home/node/app
    volumes:
      - ./:/home/node/app
    ports: 
      - 3001:3000
    environment: 
      - HOST=0.0.0.0

Dockerfileの記述

FROM node:10.16.0-alpine

RUN npm install -g @vue/cli nuxt create-nuxt-app

docker-compose.ymlの同ディレクトリで以下を実行

docker-compose build 
docker-compose run node npx create-nuxt-app ./ #選択肢は適当に

create-nuxt-appが終了したらば、

docker-compose run --service-ports node npm run dev

docker-compose runそのまま使うとポートフォワーディングが聞かない問題があるので--service-portsをオプションにつける。

localhost:3001
にアクセスしてデフォルト画面が出れば完了。

更新

DockerでNuxt.js on TypeScriptを始めてみよう
TypeScriptを導入してみました。

レンタルサーバーFTPでもTravis CI使ってCIしたい
レンタルサーバーFTPでもCIを導入してみました。