2025 · Design and development

Portfolio Website

A responsive personal website built with Next.js, Tailwind CSS, and multilingual support.

Overview

The site you are reading now, a bilingual personal portfolio in Khmer and English.
Built with Next.js 16 (App Router), React 19, TypeScript in strict mode, and Tailwind CSS 4.
Pages: Home, About, Projects, Experience, Education, Knowledge, and Contact, each under a locale prefix.
A detail page for every project, job, and school entry, generated from the data at build time.
All content lives in JSON files. A repository layer hides entries, applies ordering, and resolves text to the active locale.
API routes expose each collection, and typed client helpers feed the server components.
One environment variable switches the helpers to an external backend, with the bundled JSON as a fallback.
The contact form posts to a Telegram bot, with validation, a honeypot field, and per-IP rate limiting via Upstash Redis.
A server-side search route powers the site-wide search in the header.

Khmer and English with locale-prefixed routing, per-locale fonts, and a language switch that keeps the current page and scroll position.

Content as data: JSON files, a repository layer, API routes, and typed helpers, so adding an entry never means touching a component.

Backend-ready: one environment variable points the same helpers at an external API, with the bundled JSON as an automatic fallback.

Static detail pages for every project, experience, and education entry, with unknown ids returning a real 404.

Contact form delivered to Telegram, protected by validation, a honeypot field, body-size limits, and per-IP rate limiting via Upstash Redis.

Light and dark themes with no flash on first paint, site-wide search, and scroll-triggered motion that respects prefers-reduced-motion.

Next.jsReactTypeScriptTailwind CSSnext-intlRadix UIframer-motion