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:
Clone the repository:
git clone [repository url]Install dependencies:
cd [project folder] npm installStart the development server:
npm run devOpen a web browser and go to
http://localhost:3000to 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.