Installation

Clone repo:

git clone https://github.com/chipcop106/etalk.git
cd e-talk.vn

Install the dependencies:

yarn install

or

npm install

Development Workflow

Start a live-reload development server:

yarn dev

or

npm run dev

Generate a production build:

yarn build

or

npm run build

Generate a static file:

yarn export

or

npm run export

/api: API config use in app.
/components: Reuse component use in app.
- /Layout: Layout persistence, use HOC getLayout for teacher page, getStudentLayout for student page.
/page-components: All component using on specific page.
/page: Pages use in app, each page is associated with a route based on its file name.
- About route: Routing NextJs
- Dynamic route (using for detail page): Dynamic Routes
/public: All static file serving in page. Files inside public can then be referenced by your code starting from the base URL (/).

<img src="/static/my-image.png" alt="my image" />

equal to :

<img src="/public/static/my-image.png" alt="my image" />

Global stylesheet locate at : /styles/styles.scss
Every page can import any scss module file with suffix module. Ex: header.module.scss
Global variables locate at: /styles/variable

Read more docs at here: next-i18next docs

Translate file locate at : /public/static/locales

"en" folder for english language, "vi" folder for vietnamese language.
In the withTranslation HOC, only the first namespace can be used without prefix. All the other ones have to be prefixed with the filename. Example: t('menu:title')