Living style guides are a very powerful tool to write clean SCSS code. They simplify the design and implementation of reusable components. On top, you have a very consistent and easy to test style for the web application(s) using the style guide. In fact, a style guide is so easy to develop that I even use one for this simple website. But how do you actually develop a component for a living style guide? This blog post will walk you through the planning and actual implementation, but will not go into the technical details of how to setup the styleguide infrastructure.

Structured data is a standard to help search engines understand the semantic content of a website. Structured data defines a vocabulary telling search engines what the content of your website is about and providing them with additional data in a structured manner to reduce the assumptions made about the content. This blog posts shows you how you can add JSON-LD schema specifications to the different parts of your website.

What is JSON-LD?

JSON-LD is a data linking format using the JavaScript object notation (JSON) to express linked data with appropriate attributes. It is able to express the vocabulary of schema.org, a set of vocabularies to express the semantics of content, which is a joint effort of Google, Microsoft, Yahoo, Yandex and a community.