---
title: Concepts 
headline: Concepts 
bodyclass: docs
layout: docs
type: markdown
sidenav: doc-side-concepts-nav.html
---
<h2 class="top">Architecture Overview</h2>
<div id="toc" class="toc hide-block"></div>
This section introduces key concepts of Spine framework and its parts, helps you get a deeper understanding of how it works and provides some usage notes. 
<p class="note">We assume that you are familiar with the basics of Domain-Driven Design.</p> 

Below is an overall view of <span class="architecture-link noselect" id="display-all-components">all Spine server components</span> and their relations. When developing with Spine, you will be interacting with <span class="architecture-link noselect" id="display-user-facing-components">some of them</span>.

<script src="/js/architecture-diagram.js" type="text/javascript" charset="utf-8"></script>

{% include_relative diagrams/spine-architecture-diagram.svg %}




---
title: Concepts 
headline: Concepts 
bodyclass: docs
layout: docs
type: markdown
sidenav: doc-side-concepts-nav.html
---
<h2 class="top">Architecture Overview</h2>
<div id="toc" class="toc hide-block"></div>
This section introduces key concepts of Spine framework and its parts, helps you get a deeper understanding of how it works and provides some usage notes. 
<p class="note">We assume that you are familiar with the basics of Domain-Driven Design.</p> 

Below is an overall view of <span id="display-all-components">all Spine server components</span> and their relations. When developing with Spine, you will be interacting with <span id="display-user-facing-components">some of them</span>.

<script src="/js/architecture-diagram.js" type="text/javascript" charset="utf-8"></script>

{% include_relative diagrams/spine-architecture-diagram.svg %}




Switch the links depending on what's displayed.
Switch the links depending on what's displayed.
