Project Structure#

This chapter will explain the overall structure of a wis project.

Directory Structure Overview#

First, let's get a preliminary understanding of a typical wis project structure. Here we will only explain the directory structure specific to wis. For other directory structures, please refer to the official documentation of the scaffold you are using.

Index.page.tsx
Index.css
NotFound.page.tsx
Index.layout.tsx
Index.css
wis.config.tsProject wis configuration file

Pages Directory#

The pages directory is used to store page files in a unified location. We recommend using the src/pages directory, but this is not mandatory. You can also use your preferred page directory such as src/views, etc.

If you want to know what a page is and how routes are mapped, please check the Pages and Layouts chapter.

Layouts Directory#

The layouts directory is used to store layout files in a unified location. We recommend using the src/layouts directory, but this is also not mandatory. You can also use your preferred layout directory such as src/containers, etc.

If you want to know what a layout is and how to use layouts, please check the Pages and Layouts chapter.

Configuration File#

This is a configuration file specific to wis projects. For detailed configuration information, please check the Application Configuration chapter.