More Premium Hugo Themes Premium Nextjs Themes

Site

Personal website and blog.

Site

Personal website and blog.

Author Avatar Theme by fiqryq
Github Stars Github Stars: 51
Last Commit Last Commit: Jan 14, 2026 -
First Commit Created: Apr 29, 2023 -
Site screenshot

Overview

This online portfolio is built using next-boilerplate and deployed at Vercel. It utilizes the Next.js framework and Tailwind CSS for styling. The content layer is powered by Contentlayer, an SDK that transforms content into type-safe JSON. It also integrates pre-commit hooks with Husky and uses Umami, an open-source privacy-focused analytics tool. The project is created by Fiqry Choerudin with lots of heart.

Features

  • NextJs: Utilizes the React framework Next.js for efficient and scalable web development.
  • Tailwindcss: Employ the utility-first CSS framework for easy and rapid styling.
  • Content layer: Utilize Contentlayer to validate and transform content into type-safe JSON.
  • Husky: Utilize pre-commit hooks with Husky for seamless code quality and linting checks.
  • Umami: Integrates Umami as a privacy-focused alternative to Google Analytics.

Installation

To install and run the online portfolio project, follow these steps:

  1. Clone the repository:

    git clone [repository url]
    
  2. Install dependencies:

    cd [project folder]
    npm install
    
  3. Start the development server:

    npm run dev
    
  4. Open a web browser and go to http://localhost:3000 to view the portfolio.

Summary

This online portfolio project exemplifies the use of Next.js, Tailwind CSS, Contentlayer, Husky, and Umami to create a powerful and efficient web development setup. It showcases the developer’s skills and expertise while providing a visually appealing and functional user experience.