# aggrid-demo

**Repository Path**: zdyumath/aggrid-demo

## Basic Information

- **Project Name**: aggrid-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-04-16
- **Last Updated**: 2025-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Next.js React 项目

这是一个使用 Next.js 框架创建的 React 项目，采用 TypeScript 进行开发。

## 项目结构说明

```
├── src/                    # 源代码目录
│   └── app/               # Next.js 13+ App Router 目录
│       ├── layout.tsx     # 根布局组件
│       ├── page.tsx       # 首页组件
│       └── globals.css    # 全局样式
├── public/                # 静态资源目录
├── package.json          # 项目依赖配置
├── tsconfig.json         # TypeScript 配置
├── next.config.ts        # Next.js 配置
├── postcss.config.mjs    # PostCSS 配置
└── tailwind.config.ts    # Tailwind CSS 配置
```

## 技术栈

- Next.js 14
- React 18.3
- TypeScript
- Tailwind CSS
- ESLint

## 项目运行逻辑

1. **入口文件**：
   - `src/app/layout.tsx` 是应用的根布局组件
   - `src/app/page.tsx` 是首页组件

2. **路由系统**：
   - Next.js 使用基于文件系统的路由
   - `app` 目录下的文件夹结构决定了 URL 路径
   - 例如：`app/about/page.tsx` 对应 `/about` 路由

3. **数据获取**：
   - 支持服务器组件和客户端组件
   - 可以在服务器组件中直接进行数据获取
   - 客户端组件使用 `use client` 指令标记

## 开发命令

```bash
# 安装依赖
npm install

# 开发环境运行
npm run dev

# 构建生产版本
npm run build

# 运行生产版本
npm run start

# 代码检查
npm run lint
```

## 项目特点

1. **TypeScript 支持**：完整的类型检查和智能提示
2. **Tailwind CSS**：实用优先的 CSS 框架
3. **ESLint**：代码质量保证
4. **App Router**：Next.js 13+ 的新路由系统
5. **自动优化**：图片优化、字体优化等

## 开发建议

1. 组件开发建议放在 `src/components` 目录下
2. 工具函数建议放在 `src/utils` 目录下
3. 类型定义建议放在 `src/types` 目录下
4. API 路由建议放在 `src/app/api` 目录下

## 注意事项

1. 确保 Node.js 版本 >= 18.17.0
2. 开发时注意遵循 TypeScript 类型定义
3. 使用 Tailwind CSS 时注意类名的组织
4. 注意区分服务器组件和客户端组件的使用场景

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.