Back to Projects
Web Development
In Progress

Personal Portfolio

A customizable portfolio site for showcasing projects, experience, and writing.

2026Team: Personal ProjectRole: Owner

About this Project

A neutral starter portfolio built with Next.js, TypeScript, Tailwind CSS, MDX content, bilingual copy, and an optional AI assistant. Replace this placeholder project with one of your own when you are ready.

Tech Stack

Next.js
TypeScript
Tailwind CSS
React

Tools Used

VS Code
GitHub
Vercel

Key Features

Portfolio Pages

  • Reusable project, experience, education, achievement, gallery, and blog sections.
  • Centralized data file so profile updates do not require component edits.
  • Responsive layout designed for desktop and mobile browsing.

Content Foundation

  • MDX-powered blog content.
  • English and Indonesian translation files.
  • Optional chatbot route that can answer from your portfolio data.

Highlights

Reusable data model
Bilingual structure
Responsive UI

Installation

Install dependencies

pnpm install

Run locally

pnpm dev

Customize content

Edit src/data/portfolio.ts and the MDX files in content/.

Challenges & Solutions

Challenge

Starting from a cloned public portfolio

Solution

Replace owner-specific content with neutral placeholders while keeping the application structure ready for personalization.

LinkedIn