A Nuxt.js website boilerplate that satisfies some common website requirements.
Overview
The Nuxt.js Website Boilerplate is a website template that provides a solution for common website requirements. It includes features such as dynamic pages, blog articles, author management, SEO ability, contact form, and website search. This template is fully responsive and SEO ready, making it suitable for various devices and search engine optimization. It also allows for easy management of content through the Cosmic JS platform.
Features
- Fully responsive: The template is designed to be responsive, ensuring optimal display on various devices.
- SEO ready: It includes features and optimizations that make it search engine friendly.
- Contact form: Users can fill out a contact form, which sends an email to specified email addresses and stores the information in Cosmic JS.
- Full-site search functionality: The template provides a search feature that allows users to search for content throughout the website.
- Easily managed content: All content, including pages, blog articles, and contact information, can be easily managed through the Cosmic JS platform.
- Contributions welcome: The template welcomes contributions, allowing users to enhance and improve the functionality.
Installation
To install the Nuxt.js Website Boilerplate, follow these steps:
- Import the
bucket.json file into your Cosmic JS Bucket. Go to Your Bucket > Settings > Import / Export Data. - Set up the contact form by installing and deploying the SendGrid Email Function. Go to Your Bucket > Settings > Functions and install and deploy the SendGrid Function. Ensure you have a SendGrid account and add your SendGrid API key.
- Adjust the SendGrid Function Endpoint:
- In development: Go to
config/index.js and edit SENDGRID_FUNCTION_ENDPOINT to manually add the URL for testing. - In production (using Cosmic JS Web Hosting): Go to Your Bucket > Settings > Web Hosting, deploy your website, and click the ‘Set Environment Variables’ tab. Add the SendGrid Function endpoint with the Key-Value pair:
- Key:
SENDGRID_FUNCTION_ENDPOINT - Value:
https://your-lambda-endpoint.amazonaws.com/dev/send-email
Summary
The Nuxt.js Website Boilerplate is a versatile website template that offers various features, including responsive design, SEO optimization, contact form functionality, and full-site search. It allows for easy content management through the Cosmic JS platform and encourages contributions. The installation process involves importing a JSON file, setting up the contact form, and adjusting the SendGrid Function Endpoint.
