# next-react-ts

**Repository Path**: node-project-summary/next-react-ts

## Basic Information

- **Project Name**: next-react-ts
- **Description**: next.js框架react ts antd 后台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-06-14
- **Last Updated**: 2024-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: next, React, nextjs

## README

## npm 包

## 安装环境

- node16.18.0
  版本安装

### 安装相关 ts 的依赖类型

npx typed-install 或是:npm i -g typed-install

使用: typedi heroku-config lodash striptags

### hox

在 Hox v1 中，我们一直宣称它是一个"状态管理"库。

不妨回想（或者了解）一下 redux、zustand、recoil 这些状态管理库，它们虽然在一定程度上也可以帮我们解决数据共享的问题，但它们最本质的能力还是对数据的操作。它们被称做也确实应该被称做"状态管理"工具。

而 Hox 想解决的问题，不是如何组织和操作数据，不是数据流的分层、异步、细粒度，

- 我们希望 Hox 只聚焦于一个痛点：在多个组件间共享状态。

### less 包替换 sass 包

sass 的版本兼容性不好,当然现在解决了. "sass": "^1.60.0",

还是用 less.
但是 less 在 next 使用,这个需要安装插件.

```typescript
const withAntdLess = require("next-plugin-antd-less");

module.exports = withAntdLess({
  reactStrictMode: true,
  sassOptions: {
    includePaths: [path.join(__dirname, "styles")],
  },
});
```

## Getting Started

First, run the development server:

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

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

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

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.