Trying Nuxt 3 and Decap CMS
Overview I tried out Nuxt 3 and Decap CMS, so here are my notes.
https://decapcms.org/
Preparing the Nuxt 3 Project I referred to the following for adding Decap CMS to an existing site.
https://decapcms.org/docs/add-to-your-site/
First, prepare a Nuxt 3 project that includes the nuxt/content module.
Here is an example of the source code.
https://github.com/nakamura196/nuxt3-decapcms
The following two files were created.
# when using the default proxy server port local_backend: true # This line should *not* be indented publish_mode: editorial_workflow backend: name: git-gateway branch: main # Branch to update (optional; defaults to master) media_folder: public/img public_folder: /img collections: - name: 'blog' label: 'Blog' folder: 'content/blog' format: 'frontmatter' create: true slug: '{{year}}-{{month}}-{{day}}-{{slug}}' 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' } <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Content Manager</title> <!-- Include the script that enables Netlify Identity on this page. --> <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script> </head> <body> <!-- Include the script that builds the page and powers Decap CMS --> <script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script> </body> </html> Then, it was pushed to GitHub.
...
November 30, 2023 · Updated: November 30, 2023 · 2 min · Nakamura
