contentfulとは
Contentfulは、コンテンツを管理するためのすべての役割を実行することができるHeadless CMS
特徴
- コンテンツの独自の著者、タグが設定
- コンテンツの状態管理
- 文を書くことができるエディタを提供
- 画像リサイズやプレビュー、さまざまな最適化
- ほとんどの機能を自動化することができるようにAPIを提供
gatsbyjsとcontentful連動
gatsby は様々なプラグインを提供しているその中には contentful と簡単に繋ぐことができる。参考ページ
install 設定のする場合は contentfulから発行するAPI が必要だ、セキュリティーの強化もあるがgoogle analytics設定の時も必要なので同時で dotenv もinstall
constentful のAPIkeyはsetting -> API Keysで発行ができる
npm install gatsby-plugin-offline dotenvroot直下に.envファイルを作成
CONTENTFUL_SPACE_ID=xxxxxxxxx
CONTENTFUL_ACCESS_TOKEN=xxxxxxxxxxxxxxxxxxxgatsby config設定に設定
const dotenv = require("dotenv")
if (process.env.NODE_ENV !== "production") {
dotenv.config()
}
`gatsby-plugin-offline`,
{
resolve: `gatsby-source-contentful`,
options: {
spaceId: process.env.CONTENTFUL_SPACE_ID,
// Learn about environment variables: https://gatsby.dev/env-vars
accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
},
},
...省略...gatsbyjsとcontentful連動終了
