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

git clone https://github.com/tuancamtbtx/antd-express-typescript-nextjs-app.git
cd antd-express-typescript-nextjs-app

Install packages

yarn install

Config ENV

// 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

# 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

// line 5

@primary-color: #2ba6e3; // <-- You can update this line

Update file /theme/color.js

// line 1

const PRIMARY = "#2BA6E3";

How to add new page

/pages/;
--newPage.tsx;