# CommCenter Adminstrative Overview
The CommCenter is a headless, custom built Content Management System (CMS) for all Academy District 20 externally facing websites. It is built primarily using Javascript and Vue2. A number of open-source NPM modules are also used.
Administrators can perform the following functions with the CommCenter:
- Set overall site structure
- Set site color palette, textures and fonts
- Set site navigation
- Page creation and editing
- Message creation and editing
- Feeds creation and editing
- Set up page/site redirects
- Manage site Notifications
- School Profile creation and editing
- Creation and editing of Teams
- Adding and removing page templates
# Theory of Operation
Our websites are constructed from four main elements:
- a POSTGRES SQL database using a Hasura GraphQL overlay
- a User Interface (UI) library that defines all of the various components and templates used to create the website
- the CommCenter, which provides an editing interface for messaging and assembly instructions for combining messages and data from the database with UI components and templates
- the website compiler, NUXT, which takes the CommCenter assembly instructions and combines them with the UI; an automated CI/CD process triggers a website build
Each site must be built and published, then stored as a static HTML website on our host provider.
Any content changes to the website with the exception of content in a feed, require the website to be re-published. Feed content is dynamic and is updated immediately when published.
# Documentation Organization
The documents presented here mimic the main menu sequence of the CommCenter.