Edited at

もっと簡単に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 create-nuxt-app ./ #選択肢は適当に

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

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

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

localhost:3001

Image from Gyazoにアクセスしてデフォルト画面が出れば完了。


更新

DockerでNuxt.js on TypeScriptを始めてみよう

TypeScriptを導入してみました。

レンタルサーバーFTPでもTravis CI使ってCIしたい

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