Overview
Nextglabs.com is a website that showcases a portfolio of projects. The website is built using Next.js, Chakra UI, and hygraph (GraphCMS). One of the reasons Next.js was chosen as the framework for this project is its ability to provide different rendering strategies and improved SEO out of the box. The website also makes use of Server Side Rendering (SSR) and on-demand static revalidation for better performance.
Features
- Next.js: The website is built using Next.js which allows for different rendering strategies and improved SEO.
- Chakra UI: Chakra UI is used for the UI components and styling of the website.
- hygraph (GraphCMS): hygraph is used as the content management system for the website, allowing for easy management and updating of project information.
Installation
To run the website locally, follow these steps:
Define the required environment variables by creating a
.env.localfile. You can use the provided.env.local.examplefile as a template.Install the necessary dependencies by running the following command:
npm install
- Start the local development server with the following command:
npm run dev
- Access the website by opening
http://localhost:3000in your web browser.
Summary
Nextglabs.com is a portfolio website built using Next.js, Chakra UI, and hygraph. It provides different rendering strategies and improved SEO out of the box, making it a suitable choice for showcasing projects. With the use of Server Side Rendering and on-demand static revalidation, the website offers excellent performance. Its easy integration with hygraph allows for easy management and updating of project information. To run the website locally, follow the installation guide provided.