More Premium Hugo Themes Premium Nextjs Themes

Nextglabs.com

My portfolio built with NextJS, Chakra UI, GraphCMS and TypeScript.

Nextglabs.com

My portfolio built with NextJS, Chakra UI, GraphCMS and TypeScript.

Author Avatar Theme by nextglabs
Github Stars Github Stars: 11
Last Commit Last Commit: Dec 12, 2025 -
First Commit Created: Dec 18, 2023 -
Nextglabs.com screenshot

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:

  1. Define the required environment variables by creating a .env.local file. You can use the provided .env.local.example file as a template.

  2. Install the necessary dependencies by running the following command:

npm install
  1. Start the local development server with the following command:
npm run dev
  1. Access the website by opening http://localhost:3000 in 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.