このチャプターで達成すること チャプター「Nuxt.jsフロント開発事前準備」ではNuxt.jsのCSS環境を整えていきます。 具体的にはVuetifyの導入とカスタマイズ方法、Nuxt.jsメインCSSファイルの設定方法を解説します。 このチャプターを通してVuetifyとCSS周りの知識を深めましょう。 今回達成すること Docker環境のNuxt.jsにCSSフレームワークのVuetifyを導入します。 現状のDockerfileでは、Vuetifyのインストール時にエラーが出ます。 これはAlpineのNode.jsイメージに依存関係が存在しないために起こるエラーです。 この依存関係のインストール方法についても解説します。 ブランチを切っておく 作業に入る前にブランチを切っておきましょう。 root $ cd front front $ git checkout -b 202007