Fahri 2022

Portfolio

View Detail
BackVisit site

My personal portfolio website, showcasing my work, skills, and projects in a clean, modern interface

Type
Portfolio
Role
Web Designer & Full-stack Developer
Service
Web Design / Web Development
Year
2022
Fahri 2022

Project Overview

This Next.js project serves as my personal portfolio website, showcasing my work, skills, and projects in a clean, modern interface. The site is designed to be fast, responsive, and easy to navigate, with a focus on presenting my best work effectively.

Key Features

1. Project Showcase

  • Dynamic Project Listing: Projects are displayed using a list layout with filtering capabilities
  • Detailed Project Pages: Each project has its own dedicated page with detailed information, images, and descriptions
  • Image Galleries: Projects feature image sliders and galleries using custom components
Project List
Project List
About Me
About Me
Contact Form
Contact Form

2. Content Management

  • WordPress Integration: The site integrates with WordPress for content management, allowing easy updates to projects
  • API-Driven: Uses Next.js API routes and custom services to fetch data from WordPress

3. Performance & UX

  • Optimized Performance: Implements Next.js features like static generation and dynamic imports for fast loading
  • Responsive Design: Fully responsive layout that works on all devices
  • Smooth Animations: Uses anime.js for subtle, performance-optimized animations

Technologies Used

  • Frontend: Next.js, React, SCSS, Bootstrap
  • State Management: React Context API
  • Animations: anime.js
  • Content Management: WordPress (headless CMS)
  • Custom Integration: Custom WordPress plugin that exposes Gutenberg blocks in the REST API and handles Next.js revalidation
  • Code Quality: ESLint, Prettier