Help us understand the problem. What is going on with this article?

もっと簡単に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
Image from Gyazoにアクセスしてデフォルト画面が出れば完了。

更新

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

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

ProjectEuropa
PHPとかJavaScriptとか
yyphp
PHPerが毎週集まり、ざっくばらんに情報交換する雑談コミュニティ
https://yyphp.connpass.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away