Documentation / Concepts / Workspace Structure
The workspace contains four main folders.
headless-client-workspace/
├── apps/
├── servers/
├── docs/
└── packages/
├── preview-*/
└── view-dispatcher/
This folder includes the Spark app based on React and Apollo.
app/
├── bin/
├── build/
├── docs/
├── nginx/
├── public/
└── src/
├── __downloaded__/
├── __generated__/
├── components/
├── context/
├── models/
├── pages/
├── queries/
└── utils
bin includes the scrips to download and generate the json files, used by the
app, like the schema, the interfaces or types for the apollo cache.build is the target folder for the minified production build.docs includes the Typedoc documentation for the app.nginx includes a simple example configuration for the Dockerfile.The source code is separated into different folder based on the functionality of the code.
components - All React render components as functional components,
see https://reactjs.org/docs/components-and-props.html
retrieve the data from CoreMedia Headless Server.context - React Context provider, see https://reactjs.org/docs/context.htmlmodels - the view models used in the componentspages - Page components as entry points. They query the GraphQL APIqueries - GraphQL queries and fragmentsutils - Utility and Helper functionsThis folder includes the standalone fragment application. This can be used to integrate content from CoreMedia as a Javascript snippet into another website. For example via Google Tag Manager.
This folder includes the documentation for this workspace.
This folder includes the libraries as packages, which can be used in the app.
This folder includes the stitching and the commerce-mocking servers.