普段はインフラやサーバーサイドの方を触ることが多いのですが、フロントのDockerコンテナ化の流れを勉強したくてやったものをまとめました。
コードはこちらのリポジトリにおいてあります。

nuxtjs-docker-sample

nuxt.js の簡単なアプリをDockerコンテナ上で立ち上げるまでのサンプル

手順

git clone https://github.com/kazuki-hayakawa/nuxtjs-docker-sample.git
cd nuxtjs-docker-sample

vue init nuxt-community/starter-template sample-app
cd sample-app
npm install

動作確認は

num run dev

Dockerfileのあるパスに戻ります。

cd ..

buildの動作は Dockerfile を見てください。

docker build -t nuxtjs-sample:1.0 .

docker run -d -p 3000:3000  nuxtjs-sample:1.0

コンテナが立ち上がったら http://localhost:3000 にアクセスしてサンプルアプリが表示出来ることを確認してください。

docker ps -a で動いているコンテナを確認できます。該当の CONTAINER ID を見つけたら

docker rm -f [CONTAINER_ID]

しておいてください。