Netlify CMS workflow 設定

第二回

2021/08/12

こんにちは。雨が続く日々になりますが、元気に過ごしていきましょう!

今回は、Netlify CMSの設定方法について書いていきたいと思います。より、詳しく知りたい方は、こちらへhttps://www.netlifycms.org/

まず、どこに書くのか?Nuxtの場合

static/admin/config.yml

に書く

backend:
  name: git-gateway
  branch: main # Branch to update (optional; defaults to master)

media_folder: static/img
public_folder: /img
publish_mode: editorial_workflow

collections:
  - name: 'blog'
    label: 'Blog'
    folder: 'content/blog'
    format: 'frontmatter'
    create: true
    slug: '{{year}}{{month}}{{day}}{{minute}}{{second}}'
    editor:
      preview: true
    fields:
      - { label: 'Title', name: 'title', widget: 'string' }
      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
      - { label: 'Description', name: 'description', widget: 'string' }
      - { label: 'Body', name: 'body', widget: 'markdown' }
  - name: 'tech'
    label: 'Tech'
    folder: 'content/tech'
    format: 'frontmatter'
    create: true
    slug: '{{year}}{{month}}{{day}}{{minute}}{{second}}'
    editor:
      preview: true
    fields:
      - { label: 'Title', name: 'title', widget: 'string' }
      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
      - { label: 'Description', name: 'description', widget: 'string' }
      - { label: 'Body', name: 'body', widget: 'markdown' }

このように、Netlify CMSはconfig.ymlにバックエンドの設定をここ一つでできるメリットがある。

シンプルに、ブログサイトを構築できるのが良い点である。