今回は、Next.js・TypeScript・StoryBook・MUI・Recoilの環境をDockerで構築する方法について解説していきます。
新規プロジェクトで、Next.jsで開発を進めることになったので、ベースはTypeScriptで、StoryBook・MUI・Recoilを追加した環境をDockerで構築していきます。
今回、作成するNext.jsプロジェクトのディレクトリ構造をtree -L 2で、2階層まで確認すると次のとおりです。
Dockerfileは、Dockerイメージをビルドするための設定ファイルです。
次のコマンドで、Dockerfileを作成して開きます。