Welcome to chanhdai.com

chanhdai.com is my minimal portfolio website, showcasing my work and experience as a Software Developer & UI/UX Designer. It is built with Next.js, Tailwind CSS, and shadcn/ui to deliver a modern, fast, and seamless user experience.

This is a continuously evolving side project where I experiment with new technologies and keep it updated with the latest advancements in web development.

Tech Stack

• Next.js 15: Latest React framework for optimized performance and scalability
• Tailwind CSS v4: Modern utility-first CSS framework for styling
• shadcn/ui: Pre-built components with beautiful design and accessibility

Featured

• Elegant & Minimalistic UI: Clean and modern design
• Dark Mode: Supports light and dark themes for a better user experience
• vCard Integration: Digital business card with contact details
• SEO Optimization: JSON-LD schema, sitemap, robots
• AI-friendly /llms.txt: Adds a /llms.txt file to help AI models identify and interact with site content.
• Email Protection: Obfuscation to prevent spam
• Installable PWA

Blog

• MDX & Markdown support
• Access markdown by adding .md to 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!