Overview

This article discusses the features and installation process of a personal website created using Next.js. The website includes a contact form that utilizes Discord webhooks to send messages, as well as a fully functional blog system integrated with the Contentful CMS. The blog pages are statically generated for optimal performance.

Features

• Contact form: Includes a working contact form that utilizes Discord webhooks to send messages to designated servers.
• Blog system: The website features a fully functional blog system that is seamlessly integrated with the Contentful CMS.
• Statically generated blog pages: The blog pages are statically generated, ensuring fast loading times and optimal performance.

Installation

To run this personal website, follow these steps:

1. Clone the project repository.
2. Fill in the relevant information in the .env.local file.

$ git clone [repository_url]

3. Replace [repository_url] with the URL of the project repository.

4. Open the .env.local file and provide the necessary details.

DISCORD_WEBHOOK=[discord_webhook_url]
CONTENTFUL_SPACE_ID=[contentful_space_id]
CONTENTFUL_ACCESS_TOKEN=[contentful_access_token]

5. Replace [discord_webhook_url], [contentful_space_id], and [contentful_access_token] with the respective values specific to your setup.

6. Save the changes and close the file.

Summary

This article discusses the features and installation process of a personal website created using Next.js. The website includes a contact form that utilizes Discord webhooks for message delivery and a fully functional blog system integrated with the Contentful CMS. The blog pages are statically generated for optimal performance. To install the website, clone the project repository and fill in the necessary details in the .env.local file.