Netlifyでブログ作成全手順<前編>趣味をアウトプットするためにブログをはじめようと思い立ちまして、せっかくなので最近勉強中のNuxt.jsを使用してブログを作成してみました!記事表示までの手順をまとめてみたので、参考にしていただければと思います!<前編>ではNuxtプロジェクトの作成からContentfulのセットアップまで、<後編>では記事の作成、Nuxtでの表示、Netlifyへのデプロイまでの手順をまとめてあります。この記事はこちらの動画を大いに参考にしています。併せて参考にしていただければと思います。前提条件として、nuxtはインストール済みとします。<project-name>nuxtで新しくプロジェクトを作成します。設定はすべて初期設定のままです。次に必要な物をインストールします。sass-loadernuxt.config.jsに以下のように追加します。},pluginsフォルダにcontentful.jsを作成します。process.env.CTF_ACCESS_TOKEN})nuxt.config.jsと同じ階層に.envファイルを作成します。CTF_SPACE_ID=CTF_ACCESS_TOKEN=では、CTF_SPACE_IDとCTF_ACCESS_TOKENを埋めるために、contentfulのセットアップを行っていきます。free」ボタンから会員登録、ログインします。Project」が作成されます。details"を記入し、進んでいけばspaceの作成は完了です。type"が"Free"の場合、保存できる記事とアセット(画像など)の合計個数が5000個まで(記事投稿時点)のため、画像を多く使用すると比較的すぐに上限に達してしまうかもしれません。model"を作成します。field」ボタンから新しい入力欄を作成できます。今回は下記のような"field"を作成します。「Title」を作成します。field」にチェックして「Save」これで「Title」のfieldが作成できました。同様に「Slug」、「Image」、「Content」を作成します。「Slug」は記事のURLとなる、IDのようなものです。「Image」は記事の一覧に表示するサムネイル画像です。「Content」は記事の本文です。key」ボタンから、APIキーを確認することが出来ます。ここで確認できたキーを.envファイルに記入します。没頭しやすく、飽きやすいタイプです。このサイトも気まぐれで更新していきます。かっこいいものを作るため広く挑戦中。