Next Hexagonal Starter 项目教程

1. 项目的目录结构及介绍

Next Hexagonal Starter 是一个使用 Next.js 框架的前端项目，采用六边形架构模式进行组织。以下是项目的目录结构及各部分的简要介绍：

src/
|-- components/         # 应用中共享的 UI 组件
|-- hooks/              # 自定义钩子
|-- pages/              # Next.js 路由或页面
|-- sections/           # 模块相关的特定组件和工具函数
|-- styles/             # 使用 TailwindCSS 的基础样式
|-- modules/            # 应用程序的不同模块，每个模块包含 domain, application, infra 层
|   |-- posts/          # 文章模块
|   |-- users/          # 用户模块
|   |-- comments/       # 评论模块
|-- domain/             # 业务领域模型和业务规则
|-- application/        # 应用程序逻辑和用例
|-- infra/              # 基础设施，如 API 通信、数据库等
|-- __tests__/          # 单元测试和组件测试
|-- cypress/            # 端到端测试

每个模块遵循相同的结构，包含领域（domain）、应用（application）和基础设施（infra）三个层级，确保项目的关注点分离和模块化。

2. 项目的启动文件介绍

项目的启动主要通过 package.json 文件中的脚本实现。以下是主要的启动脚本：

• yarn dev: 启动开发服务器，通常监听在 http://localhost:3000。
• yarn build: 构建项目，用于生产环境。
• yarn start: 在生产环境中启动项目，通常用于构建后的服务器。

在项目根目录下执行上述脚本即可启动或构建项目。

3. 项目的配置文件介绍

项目中的配置文件包括但不限于以下几项：

• .eslintrc.json: ESLint 配置文件，用于定义代码风格和规则。
• .prettierrc: Prettier 配置文件，用于代码格式化。
• .huskyrc: Husky 配置文件，用于设置 Git 提交钩子。
• jest.config.ts: Jest 配置文件，用于配置单元测试环境。
• tailwind.config.js: TailwindCSS 配置文件，用于定义 CSS 工具类。
• next.config.js: Next.js 配置文件，用于自定义 Next.js 的运行时行为。

通过合理配置这些文件，可以确保代码质量、风格一致性和自动化测试的顺利进行。

以上就是 Next Hexagonal Starter 项目的简要教程，希望对您有所帮助。