1. Concepts

Understanding the Content SDK Angular app structure

Version: 1.x

The Content SDK’s Angular implementation builds upon default Angular features, while adding some meta-framework like behavior and maintaining cross-framework Content SDK terms.

The following describes the main points of interest in the application:

Name

Type

Description

src/app

folder

Contains the Angular SSR implementation, including route configuration and components. Logic under this folder is fully Angular-compliant and supports dependency injection.

src/content-sdk

folder

Contains Content SDK specific logic enhancing the base capabilities. Due to framework limitations, logic under this folder should avoid using Angular’s dependency injections for runtime safety.

src/content-sdk/loaders

folder

Contains implementations of the Content SDK loaders. Find out more about loaders in the separate article [future link here].

src/content-sdk/client

folder

Contains the logic to initiate the SitecoreClient object.

sitecore.config.ts

file

Contains the configuration for the Angular application. Find more details about Angular-specific config format in the following article [future link here]

sitecore.cli.config.ts

file

Contains configuration for the sitecore-tools CLI executions, settings for automatic component map generation flow, and application build.

If you have suggestions for improving this article, let us know!