Welcome to chanhdai.com
A minimal portfolio, component registry, and blog to showcase my work as a Design Engineer.
Tech Stack
- Next.js 15
- Tailwind CSS v4
- shadcn/ui
Featured
- Clean & modern design
- Light & Dark theme support
- vCard integration
- SEO optimization: JSON-LD schema, sitemap, robots
- AI-friendly /llms.txt
- Spam-protected email
- Installable PWA
Blog
- MDX & Markdown support
- Access markdown by adding
.mdto URLs, e.g./blog/welcome.md - Syntax Highlighting for better readability
- RSS Feed for easy content distribution
- Dynamic OG Images for rich previews
Component Registry
Easily build and distribute your own components, hooks, and pages using a custom registry powered by the shadcn CLI.
Each component is well-documented through the Blog, featuring:
- Live Preview: Interactive component demos
- Code Snippets: Readable and copyable examples
- Beautiful Code Blocks: Styled for clarity and dark mode
- Command Blocks: One-click copy for quick install commands (
pnpm,npm,yarn,bun)
License
Licensed under the MIT license.
The source code is available on GitHub. 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!