Customer repository structure
Learn about the structure of your GitHub customer repository.
Structure of the GitHub customer repository
A commercetools Frontend's GitHub customer repository has the following structure.
Structure of the GitHub customer repositorytxt
└── packages└── PROJECT_NAME├── backend├── frontend└── types
packages folder
The packages
folder contains the folders of all your commercetools Frontend projects. Each project folder has the following structure.
Structure of a project foldertxt
├── backend│ └── Contains the extensions.├── frontend│ └── Contains the Frontend components.└── types└── Contains the type definitions.
The backend
folder contains the examples from documentation and the following.
File / Folder | Content |
---|---|
index.ts | Code for data sources, actions, and the dynamic page handler |
commercetools/ | Code for the Composable Commerce extension |
webpack/ | Webpack configuration for all environments |
schemas/ | Data source and dynamic page schemas |
The frontend
folder contains the following.
File / Folder | Content |
---|---|
components/ | commercetools-ui library |
frontastic/ | tastics/ , lib/ , and provider/ folders |
frontastic/tastics/ | Frontend components used in the Studio |
frontastic/lib/ | Helper functions |
frontastic/provider/ | React Context provider |
helpers/ | Helper functions and React hooks for Frontend components |
styles/ | Custom stylesheets |
public/ | Public assets like icons and images |
frontastic/hooks/ | Custom hooks |
sdk/ | Contains files related to the Frontend SDK and integrations |
The types
folder contains the TypeScript type definitions used in the project.