chanhdai.com 的安装和配置教程

项目基础介绍

chanhdai.com 是一个开源的个人作品展示网站项目，由 Chánh Đại 开发。该项目展示了开发者作为软件工程师和 UI/UX 设计师的工作和经验。它使用了一系列现代技术栈，以提供快速、无缝的用户体验。

主要编程语言

该项目主要使用 TypeScript 进行开发，同时也包含了 MDX、JavaScript 和 CSS。

关键技术和框架

• Next.js 15：最新的 React 框架，用于优化性能和可扩展性。
• Tailwind CSS v4：现代的实用主义 CSS 框架，用于样式设计。
• shadcn/ui：基于 Radix UI 的组件库，用于构建用户界面。
• MDX：支持在 Markdown 中嵌入 JSX，使得文档和组件更加一体化。

准备工作

在开始安装前，请确保你的开发环境中已安装以下工具：

• Node.js：建议使用最新版本的 LTS (长期支持版本)。
• Git：用于克隆和操作项目代码。
• 代码编辑器：例如 Visual Studio Code，用于编辑代码。

安装步骤

1. 克隆项目到本地：

   git clone https://github.com/ncdai/chanhdai.com.git
   cd chanhdai.com
   

2. 安装项目依赖：

   npm install
   

   或者如果你使用 pnpm：

   pnpm install
   

3. 运行开发服务器：

   npm run dev
   

   运行此命令后，你的默认浏览器会自动打开并显示 chanhdai.com 网站。如果浏览器没有自动打开，你可以手动打开浏览器并输入 http://localhost:3000。

4. 如果需要进行代码调试或开发新的功能，你可以在 src 目录下找到项目的主要代码，同时可以查阅 README.md 文件中的开发指南以获取更多详细信息。

通过上述步骤，你应该能够成功安装和运行 chanhdai.com 项目。如果你遇到了任何问题，可以查看项目的 README.md 文件中的 Acknowledgments 部分，那里列出了一些可能用到的开源库和框架，或者你也可以查看 GitHub 上的项目问题追踪部分寻求帮助。