kentandrian.com

Overview

This is my personal website and portfolio - the very site you're currently browsing! What started as a project for a cloud engineering course has evolved into my main online presence. It serves as a central hub to showcase projects I've worked on, collect links to online articles featuring me, and provide a way for visitors to connect or leave a message in the guestbook. The site is designed to be responsive, adapting smoothly to different screen sizes.

My goal was to build a fast, modern, and easily maintainable site using technologies I enjoy working with.

Tech Stack & Features

The site is built using modern web technologies:

• Framework: Next.js (App Router) / React
• Language: TypeScript
• Styling: Tailwind CSS & shadcn/ui
• Content: MDX processed by Velite
• Hosting: Vercel (Previously Google App Engine)
• PWA: Enabled via Serwist
• Data: Vercel KV (Guestbook)
• UI: React Hot Toast, BProgress (Progress Bar), React Icons
• APIs & Services: Octokit (GitHub API), YouTube API, Gemini & Vertex AI
• UI Primitives: Radix UI (via shadcn/ui)
• Error Monitoring: Sentry
• Linting/Formatting: ESLint, Prettier
• Testing: Playwright, Axe, Vitest

Project Milestones

This site has gone through quite a few changes since its inception.

2026: Architectural Push & Major Facelift

• Migrated from Cypress to Playwright for end-to-end testing.
• Automated WCAG 2.2 AA accessibility scans with Axe.
• Setup Vitest for unit and logic testing.
• Implemented localized homepage across English, Indonesian, and Mandarin (zh-CN/zh-TW).
• Successfully migrated from Contentlayer2 to Velite for significantly faster build-time processing.
• Deployed a significant website facelift, command palette (cmdk), and floating dock navigation.

2025: Scale & Modernization

• Successfully upgraded the project foundation to Next.js 16 (Nov 2025).
• Fully transitioned from ESLint and Prettier to Biome for unified linting and formatting (Oct 2025).
• Migrated to BProgress for page load progress indication (Feb 2025).
• Exploring Turbopack for faster local development builds.

2024: Architecture & AI Integrations

• React 19 Migration: Early adopter of React 19, moving from the RC to the stable release (Dec 2024).
• Core Tech: Migrated to Next.js 15 and Tailwind CSS v4.0.
• Features & Integrations: Implemented anonymous name generator using Genkit.
• Homepage Redesign: Redesigned the homepage to a bento layout, starting Dec 2023.

2023: Modernization & Refinement

• Infrastructure: Moved hosting definitively to Vercel (Jan 2023).
• Major Revamp (May 2023):
  • Added Contentlayer for MDX processing.
  • Added initial PWA support using next-pwa (now Serwist).
  • Integrated Cypress tests into PR checks on GitHub Actions.
  • Migrated from Pages Router to the App Router.
  • Switched styling from Chakra UI to Tailwind CSS + shadcn/ui.
  • Switched to custom domain kentandrian.com.
  • Major redesign inspired by chronark.com.
• Tooling & DX:
  • Added Sentry for error monitoring.
  • Added Vercel KV for guestbook data storage.
  • Implemented tRPC for type-safe API routes.
• Features & Integrations: Added GitHub & YouTube API integrations (Jun 2023).
• Core Tech: Migrated to Next.js 14 (Oct 2023).

2022: Foundation & Initial Launch

• Started as a project for a cloud engineering course, first commit on July 16, 2022.
• Built with Next.js 12 (Pages Router) and Chakra UI.
• Initially hosted on Google App Engine.
• Migrated to Next.js 13 (Oct 2022).
• Experimented with GitHub Pages for hosting (Dec 2022).