https://github.com/tuancamtbtx/antd-express-typescript-nextjs-app
Project clean frontend support antd typescript nextjs
https://github.com/tuancamtbtx/antd-express-typescript-nextjs-app
antd mobx-react nextjs nodejs typescript
Last synced: 12 months ago
JSON representation
Project clean frontend support antd typescript nextjs
- Host: GitHub
- URL: https://github.com/tuancamtbtx/antd-express-typescript-nextjs-app
- Owner: tuancamtbtx
- Created: 2021-01-05T02:58:09.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-05-03T16:02:53.000Z (about 4 years ago)
- Last Synced: 2025-06-04T05:51:06.055Z (12 months ago)
- Topics: antd, mobx-react, nextjs, nodejs, typescript
- Language: CSS
- Homepage:
- Size: 54.8 MB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fontend : antd-express-typescript-nextjs-app
## Overview
author: Nguyen Van Tuan \
email: nguyenvantuan140397@gmail.com \
This project uses some of the following technologies :
- Next JS
- Ant Design
- Mobx
- Typescript
- React hook
## How to Run Project
Download source code
```bash
git clone https://github.com/tuancamtbtx/antd-express-typescript-nextjs-app.git
cd antd-express-typescript-nextjs-app
```
Install packages
```bash
yarn install
```
Config ENV
```d
// Create file .env
// or copy file .env.example and rename to .env
MAIN_API_PUBLIC_URL=http://localhost:1400
MAIN_API_INTERNAL_URL=http://localhost:1400
```
Run project
```bash
# development
yarn dev
# production
yarn build
yarn start
```
## How to Config Theme
To custom Primary Color for Website, please set the colors for the following 2 files :
> Update file **/assets/antd-custom.less**
```less
// line 5
@primary-color: #2ba6e3; // <-- You can update this line
```
> Update file **/theme/color.js**
```js
// line 1
const PRIMARY = "#2BA6E3";
```
## How to add new page
```js
/pages/;
--newPage.tsx;
```