This blog starter project is based on the official Craft CMS Blog Starter. Although suitable for all audiences, it's mainly intended for those who are new to Craft CMS and/or Nuxt.
Visit the official Craft CMS Blog Starter repo and follow the installation instructions.
I'm using Craft Nitro as my local development environment. To learn more, including how to set it up, read the Craft Nitro documentation.
After completing the installation, you can populate Craft with some sample content by running the m210104_175929_sample_content.php content migration located in the migrations directory in your Craft project root.
The Nuxt headless front end uses the following NPM packages.
- Nuxt 3 beta
- Nuxt Tailwind CSS
- Tailwind CSS Typography plugin
- Prettier
- Prettier plugin for Tailwinds CSS
- From the Craft project root, run
cd headless-nuxtto switch to theheadless-nuxtdirectory. - Run
npm installto install the NPM packages. - Run
npm run devto start the local development server.
PORT=5001 npm run dev.
If you would like to contribute to the TODOs below, or have any suggestions for improvement, please open an issue or submit a pull request. Please keep in mind that the project is meant to be beginner-friendly.
This project is a work in progress.
Perfect is the enemy of good.
- Add support for remaining Matrix fields to templates/components.
- Fix issue with
Bearer ${config.CRAFTGQL_TOKEN}not working as expected. - Add support for GraphQL mutations to Blog Section.
- Add front-end forms to enable CRUD of Blog Section entries from the front end.
- Set up a public demo site.
- Other stuff I can't remember at the moment. 😆
- Move from Webpack to Vite when Nitro 3 released.