---
title: "Understanding the Content SDK Angular app structure"
slug: "understanding-the-content-sdk-angular-app-structure"
abstract: "Learn how the Content SDK Angular app is structured."
---
# Understanding the Content SDK Angular app structure

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:

<table style="width:100%;" class="informaltable frame-void rules-rows"><thead><tr><th class="th"><p>Name</p></th><th class="th"><p>Type</p></th><th class="th"><p>Description</p></th></tr></thead><tbody><tr><td class="td"><p><code class="code">src/app</code></p></td><td class="td"><p>folder</p></td><td class="td"><p>Contains the Angular SSR implementation, including route configuration and components. Logic under this folder is fully Angular-compliant and supports dependency injection.</p></td></tr><tr><td class="td"><p><code class="code">src/content-sdk</code></p></td><td class="td"><p>folder</p></td><td class="td"><p>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.</p></td></tr><tr><td class="td"><p><code class="code">src/content-sdk/loaders</code></p></td><td class="td"><p>folder</p></td><td class="td"><p>Contains implementations of the Content SDK loaders. Find out more about loaders in the separate article [future link here].</p></td></tr><tr><td class="td"><p><code class="code">src/content-sdk/client</code></p></td><td class="td"><p>folder</p></td><td class="td"><p>Contains the logic to initiate the <a class="link" href="https://doc.sitecore.com/sai/en/developers/content-sdk/20/DEFAULT/content-sdk-glossary.html#UUID-32bc2899-10f2-979b-551a-c41cdb1bdaef_N6a15b67e17c94" target="_blank" rel="noopener">SitecoreClient</a> object.</p></td></tr><tr><td class="td"><p><code class="code">sitecore.config.ts</code></p></td><td class="td"><p>file</p></td><td class="td"><p>Contains the configuration for the Angular application. Find more details about Angular-specific config format in the following article [future link here]</p></td></tr><tr><td class="td"><p><code class="code">sitecore.cli.config.ts</code></p></td><td class="td"><p>file</p></td><td class="td"><p>Contains configuration for the sitecore-tools CLI executions, settings for automatic component map generation flow, and application build.</p></td></tr></tbody></table>