https://github.com/ncdai/chanhdai.com
A minimal portfolio, component registry, and blog.
https://github.com/ncdai/chanhdai.com
motion nextjs portfolio-website shadcn-ui tailwindcss
Last synced: about 2 months ago
JSON representation
A minimal portfolio, component registry, and blog.
- Host: GitHub
- URL: https://github.com/ncdai/chanhdai.com
- Owner: ncdai
- License: mit
- Created: 2023-08-20T15:34:19.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-08-15T13:49:08.000Z (about 2 months ago)
- Last Synced: 2025-08-15T15:42:08.923Z (about 2 months ago)
- Topics: motion, nextjs, portfolio-website, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://chanhdai.com
- Size: 20.4 MB
- Stars: 628
- Watchers: 1
- Forks: 90
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# [chanhdai.com](https://chanhdai.com)
A minimal portfolio, component registry, and blog to showcase my work as a Design Engineer.
Check out the live site: [chanhdai.com](https://chanhdai.com)
## Overview
### 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](https://json-ld.org), sitemap, robots
- AI-friendly [/llms.txt](https://llmstxt.org)
- Spam-protected email
- Installable PWA
### Blog
- MDX & Markdown support
- Access markdown by adding `.mdx` to URLs, e.g. `/blog/welcome.mdx`
- 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](https://ui.shadcn.com/docs/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`)
## Development
Please refer to the [Development Guide](./DEVELOPMENT.md) for more details.
## License
Licensed under the [MIT license](./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!
## Star History
[](https://starchart.cc/ncdai/chanhdai.com)
## Acknowledgments
- [React](https://react.dev)
- [Next.js](https://nextjs.org)
- [Tailwind CSS](https://tailwindcss.com)
- [Radix UI](https://www.radix-ui.com)
- [Motion](https://motion.dev)
- [shadcn/ui](https://ui.shadcn.com)
- [Aceternity UI](https://ui.aceternity.com)
- [Lucide](https://lucide.dev)
- [Fumadocs](https://fumadocs.dev)
- And many other open-source libraries used in `package.json`
## GitAds Sponsored
[](https://gitads.dev/v1/ad-track?source=ncdai/chanhdai.com@github)