Personal Portfolio

My personal portfolio built with Next.js, showcasing my projects, blog posts, and a bit about who I am.

This is version 2 of my portfolio.
If you'd like to see the old version, you can check it out here:
👉 Portfolio v1

Preview

Tech Stack

• Framework: Next.js 16
• Styling: Tailwind CSS v4
• Components: MijnUI
• Animation: Framer Motion
• Linting: Biome
• Blog: Fumadocs
• Comments: Giscus (for blog posts and guestbook)
• Git Hooks: Husky + Commitlint
• Image Hosting: Cloudinary
• Rate Limiting: Upstash + Vercel KV
• Email: Resend
• AI Chat: Vercel AI SDK + Groq API

Features

• Home, About (3D interactive badge), Projects with detail pages
• Blog with technical writing (comments via Giscus), Resume, Side Quests, Resources
• Guestbook with comments (powered by Giscus)
• AI-powered chat (10 messages/day limit via Groq)
• Contact form (rate limited via Resend)
• Light/Dark theme with image variants

Roadmap

Things I wish would like to implement in the future:

• Multi-model AI chat support
• Blog internationalization (English + Burmese)

Installation

1. Clone the repo

   git clone https://github.com/htetaunglin-coder/htetaunglin-coder.dev.git

2. Install dependencies

   npm install # or: pnpm install / yarn install / bun install

3. Add environment variables Create a .env.local file and fill in the values (see .env.example). For AI chat and rate limiting, ensure GROQ_API_KEY and KV_* variables are set. For production cron keepalive, also set CRON_SECRET.

4. Start the development server

   npm run dev

KV Keepalive Cron

• This repo includes a protected keepalive endpoint: /api/cron/kv-keepalive.
• Vercel Cron schedule is configured in vercel.json to run every 3 days.
• Vercel will send Authorization: Bearer <CRON_SECRET>, so set CRON_SECRET in project environment variables.

Agent Documentation

This repo includes an agent-oriented documentation set for context-aware implementation:

• AGENTS.md - short root instructions for coding agents
• agent_docs/project-map.md - architecture and file map
• agent_docs/implementation-playbook.md - research -> plan -> implement -> verify workflow
• agent_docs/code-organization.md - colocation-first code organization conventions for this repo
• agent_docs/i18n-burmese-english.md - Burmese/English internationalization plan
• agent_docs/generative-ai-extension.md - advanced AI feature extension guide
• agent_docs/dependencies-and-doc-packages.md - dependency/docs package update process
• agent_docs/context-engineering-principles.md - principles adapted from HumanLayer references

Lighthouse Scores

🙏 Acknowledgements

Inspirations

• Clarence - Menu design and blog layout
• Chánh Đại - Voice feature idea

Tools & Resources

• Ultracite - Better linting and formatting DX with Biome
• Aceternity UI - Beautiful animated components
• Magic UI - Beautiful animated components
• Unsplash - Creative photography

Support Me

If you found this useful and want to support my work, please ⭐ Star the repo!

License

Licensed under the MIT License.