About the Styleguide

The SVT Styleguide is built and maintained by SVT, as a means to provide tools and guidelines for creating great experiences for our users and viewers.


How it was built

For our style guide to be useful for a broad range of users, it needs to be backed up with a CMS so we can keep it up to date. Since we want to keep full control of how the content is presented, we looked at different Content-as-a-Service-solutions (CaaS) and ended up using Contentful.

We decided to build the new Styleguide with the same stack as we use for our other services. We ended up with a Single-Page-Application (SPA) with full server-rendering built with React and Redux. We also ended up trying out some new things like static type-checking with Flow and CSS-modules. Below you can see some of the frameworks and tools that we used.

Frameworks and tools

React

Redux

React Router

Babel

Webpack

NodeJs

Express

Handlebars

Sass

Contentful