A minimal, pixel-perfect dev portfolio, component registry, and blog to showcase my work as a Design Engineer.
Check out the live site: chanhdai.com
- Next.js 16
- Tailwind CSS v4
- shadcn/ui
- Clean & modern design
- Light/Dark themes
- vCard integration
- SEO optimized (JSON-LD schema, sitemap, robots)
- AI-ready with /llms.txt
- Spam-protected email
- Installable as PWA
- Analytics with PostHog & consent management via c15t
- Supports MDX & Markdown
- Raw
.mdxendpoints for AI readability - Syntax highlighting for clear code presentation
- Dynamic OG images for rich link previews
- RSS feed for easy content distribution
Easily build and distribute reusable components, hooks, and pages using a custom registry powered by the shadcn CLI.
Each entry is well-documented and includes:
- Live preview & code snippets
- Beautiful, readable code blocks
- One-click command blocks (pnpm, npm, yarn, bun)
User behavior tracking with PostHog to understand how visitors interact with the site:
- Copy events - Track code & command copies
- Engagement - Monitor name pronunciation plays, command menu usage
- Search behavior - Analyze search queries (debounced)
- User actions - Navigation, theme changes, content interactions
Built with privacy in mind:
- Consent management via c15t
- Cookieless mode until consent
- Production-only tracking
- Type-safe event schema with Zod
Please refer to the Development Guide for more details.
Licensed under the MIT license.
You're free to use my code! Just make sure to remove all my personal information before publishing your website. It's awesome to see my code being useful to someone!
