BBT CMS Front-End

Front-End Tech Stack:

Yarn
Next.js
TypeScript
MUI + Styled Components
Redux-Toolkit
Cypress
Husky

1. Node.js

Please install the latest stable version of Node.js from this link.

2. yarn

After you've installed the Node.js, please run npm install --global yarn to install the yarn package manager.

3. Visual Studio Code

Please install the VS Code from the this link.

i. Extensions

Please install the following extensions.

Note: Please DO NOT use package managers other than yarn! DO NOT use npm, pnpm etc.

You can bootstrap project with:

yarn dev // and type http://localhost:3000 from your browser

You can build the project with:

yarn build

To start the ‘builded’ project:

yarn start // and type http://localhost:3000 from your browser

Folder Structure:

.
├── public
└── src/
    ├── modules/
    │   ├── common/
    │   │   ├── assets
    │   │   ├── components
    │   │   ├── icons
    │   │   ├── layouts
    │   │   ├── providers
    │   │   └── types
    │   ├── core/
    │   │   ├── hooks
    │   │   ├── lib
    │   │   ├── redux
    │   │   └── utils
    │   ├── maps/
    │   │   ├── assets
    │   │   ├── components
    │   │   ├── hooks
    │   │   ├── icons
    │   │   ├── providers
    │   │   ├── redux
    │   │   ├── types
    │   │   └── utils
    │   └── locations/
    │       ├── assets
    │       ├── components
    │       ├── icons
    │       ├── redux
    │       ├── types
    │       └── utils
    ├── styles
    └── pages