Nuxt.js + Contentful + firebase でコーポレートサイトを新しくしました

弊社メンバーも増えてきて、Bulmaを使ったペライチサイトじゃ寂しいよなーという話で、Nuxt.js + Contentful + firebase でコーポレートサイトを新しくしました（かなり流行りからは乗り遅れた感じ）。

ちなみに前のサイトはこんな感じ 笑 20~30分で作った、ロゴしかない超絶シンプル仕様 😇

公式がやり方を書いてくれているので、特に困ることはなかったかも

Integrate Contentful with Nuxt.js – Contentful

1点困ったのが、公式のドキュメントを見てもSlugベースで記事を引っ張ってくる方法が分からなくて（IDベースではPostを取得できるけどランダムな文字列なのであまり見た目的に綺麗じゃない）、下記の記事を参考にさせていただきました。

【Contentful編】モダンな感じのSPAブログを自作する

下のように、slugで絞り込んで取るという方法。 slugに対応する記事がないとpostsは0件になるので、そこのハンドリングを書いてやればOK！

      const posts = await client.getEntries({
        content_type: process.env.CTF_BLOG_POST_TYPE_ID,
        'fields.slug': slug,
      })

あとは、firebase (Functions + Hosting) の力を借りればこのコーポレートサイトが出来上がり 🎉

今後はここで自分たちが作っているプロダクトの内容や技術的な話を発信していければと思います！

参考

• Integrate Contentful with Nuxt.js – Contentful
• 【Contentful編】モダンな感じのSPAブログを自作する