👋 Hey! It's Ken here!

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 Contentlayer
• 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, Genkit & Vertex AI
• UI Primitives: Radix UI (via shadcn/ui)
• Error Monitoring: Sentry
• Linting/Formatting: ESLint, Prettier

Project Milestones

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

• 2022: Foundation & Initial Launch
  • Started as a project for a cloud engineering course, first commit on Jul 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).
• 2023: Modernization & Refinement
  • Infrastructure: Moved hosting definitively to Vercel (Jan 2023).
  • Major Refactor (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.
  • Tooling & DX:
    • Added Sentry for error monitoring.
    • Added Vercel KV for guestbook data storage.
    • Implemented tRPC for type-safe API routes.
  • Core Tech: Migrated to Next.js 14 (Oct 2023).
  • Features & Integrations: Added GitHub & YouTube API integrations (Jun 2023).
• 2024: AI Integrations & Development
  • Core Tech: Migrated to Next.js 15 and Tailwind CSS v4.0.
  • Features & Integrations: Implemented anonymous name generator using Genkit.
  • Tooling & DX: Experimented with Project IDX (now Firebase Studio) for cloud development environment.
• 2025: Further Improvements
  • Migrated to BProgress for page load progress indication (Feb 2025).
  • Exploring Turbopack for faster local development builds.

Any Inquiries?

If you have any questions, feedback, or just want to say hi, feel free to reach out! I'm always open to discussions about web development, tech, or anything else that piques your interest.

You can reach me through my contacts.