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

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.