A Next.js website boilerplate that satisfies some common website requirements.
Overview:
The Next.js Website Boilerplate is a website template that offers various features to fulfill common website requirements. It includes dynamic pages, blog articles, author management, SEO capability, a contact form, and website search. The template is fully responsive and built with Bootstrap frontend. It is SEO ready and provides a contact form that can send emails to chosen email addresses and to Cosmic for easy reference. All content, including pages, blog articles, and contact information, can be easily managed in the Cosmic platform. The template also supports full-site search functionality. Contributions to the project are welcome.
Features:
- Fully Responsive: The website template is designed to be fully responsive, providing optimal viewing experience across a wide range of devices.
- SEO Ready: The template is prepared to meet the requirements of search engine optimization, ensuring that your website has a better chance of ranking well in search results.
- Contact Form: The template includes a contact form that allows users to send emails to the designated email address(es) of your choice. The form also sends a copy of the email to Cosmic for easy reference.
- Full-Site Search Functionality: Users can search for specific content within the website, making it easier to find relevant information.
- Easy Content Management: All website content, including pages, blog articles, and contact information, can be easily managed within the Cosmic platform.
- Dynamic Pages and Blog Articles: The template supports dynamic pages and blog articles, allowing for easy creation and management of new content.
- Author Management: Authors can be easily managed within the template, enabling multiple users to contribute and edit content.
- Demo Content and Deployment: Users can sign up for Cosmic to install the demo content and deploy the website.
Installation:
To install the Next.js Website Boilerplate, follow these steps:
- Import the
bucket.json file into your Cosmic Bucket. Go to Your Bucket > Settings > Import / Export Data. - Set up the contact form by installing and deploying the SendGrid Email Function. The contact form uses this function to send emails.
- For development: Edit the
config/index.js file and manually add the URL for testing by modifying the SENDGRID_FUNCTION_ENDPOINT. - For production: If you are using the Web Hosting option included with every Bucket, go to Your Bucket > Settings > Web Hosting. Click on the ‘Set Environment Variables’ tab and add the SendGrid Function endpoint with the key
SENDGRID_FUNCTION_ENDPOINT and the corresponding value (https://your-lambda-endpoint.amazonaws.com/dev/send-email).
Summary:
The Next.js Website Boilerplate is a versatile website template with features such as dynamic pages, blog articles, author management, SEO readiness, contact forms, and full-site search functionality. It offers easy content management through the Cosmic platform and is fully responsive. The template also provides installation instructions for seamless deployment.
