すべてのカテゴリ

Docker 上で Next.js のアプリを動かすこの記事では、Docker のコンテナ（container）内で、Next.js のアプリを動かす手順を紹介します。要領は前回紹介した、Docker を使って Web ホスティングを動かす場合と同じです。Next.js のアプリを作成するDocker の設定を行う前に、「中身」の Next.js のアプリを作成します。 まずは、テンプレートとして、「create-next-app」のスクリプトを利用してテンプレート（デモ）のプロジェクトを作成します。$ npx create-next-app next_sample Next のアプリで Typescript を利用するために Typescript の設定を行います。 Typescript を利用した方が、変数の型の定義が明確になって、インターフェースなどのミスが起こりにくいので、この連載では Typescript の利用を推奨しています。$ touch tsconfig.json$ npm install --save-dev typescript ＠types/react ＠types/node 基本的な設定が完了したら、開発用のサーバーを立ち上げて、テンプレート（デモ）プロジェクトの動作を確認します。$ npm run dev　これで、Next アプリ側の基本的な設定は完了です。Docker の設定続いて、作成したでもプロジェクトを Docker のコンテナ（container）で動かすための設定を行います。Docker の設定は、Dockerfile に Docker