Learn about the structure of your GitHub customer repository.
Copy for LLM
View as Markdown
Structure of the GitHub customer repository
A commercetools Frontend's GitHub customer repository has the following structure.
└── 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.├── 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.