Overview:
The Nuxt Headless theme is a boilerplate for creating websites using Nuxt.js and the WordPress REST API. It provides a starting point with default settings and configurations, allowing users to quickly set up a website with Nuxt.js and WordPress. The theme has been regularly updated to ensure compatibility and security and is open to contributions from the community.
Features:
- Nuxt.js updated to the latest version 2.14.7
- LazyImage functionality for better lazy loading
- Defer mixin added for improved performance
- CORS settings customization for production and staging environments
- Plugins and Theme customization options, with ACF (free version) as a required plugin
Installation:
To install the Nuxt Headless theme, follow these steps:
- Copy the contents of the /wordpress folder into your WordPress installation directory. Make sure to edit the wp-config.php file accordingly.
- Activate all the required plugins and set “Moustache Design” as your active theme in WordPress. You have the option to rename the theme if desired.
- Adjust the permalinks settings in WordPress to anything other than the default option (recommended: /%postname%/).
- Set the CORS configuration correctly to point to your website URL in production or staging environments.
- Make sure the assets/config.js file reflects your specific configuration and endpoints for the WordPress REST API and WordPress URL.
- Feel free to edit all files and configurations as needed. The theme is MIT licensed, but credit is appreciated.
Summary:
The Nuxt Headless theme is a powerful boilerplate for quickly setting up websites using Nuxt.js and the WordPress REST API. It provides essential features, such as lazy loading, CORS customization, and plugin/theme options. The theme is regularly maintained and updated, ensuring compatibility and security. Contributions from the community are also encouraged.