※この記事について 現在Nuxt+Netlify+Contentfulでポートフォリオサイトを構築しており、その連載記事となります。 連載記事はマガジンにまとめています。こちらをご覧ください。前回はContentfulの設定を行いました。今回はContentfulで作成したコンテンツ記事を、Nuxt.jsで表示するところまでやりたいと思います。 それでは始めます。 Contentfulパッケージをダウンロードターミナルより、Nuxtのディレクトリへ移動し下記実行します。これでパッケージがダウンロードできます。 yarn add contentful APIKeyの取得まず、環境ごとに環境変数を設置するために dotenv を導入します。 下記を実行します。 yarn add dotenv 次に、Contentfulの管理画面に移動します。 ここから、「Settings」→ 「API key
![ポートフォリオサイトを作ろう!【第3回Nuxt.js にContentfulの記事を表示する編】|Koushi Kagawa](https://cdn-ak-scissors.b.st-hatena.com/image/square/86f651c07cccec5784d8cc11153ed24cdfb81cf0/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F8686203%2Frectangle_large_type_2_3faf032f49c3f96b188cf13d21e50d02.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)