<commit_before>+++
date = "2018-07-22T06:06:06+02:00"
title = "Building a Website with Vue.js, the Storyblok Visual Editor and Netlify"
description = "Learn how to build a Vue.js powered websites with the headless CMS Storyblok, edit it with a Visual Editor and how to deploy it on Netlify."
intro = "In recent weeks I played around with a ton of headless content management systems. To cut a long story short: there are a lot of bad and a couple of pretty good ones out there. At the end of my journey, I was left with two systems I both very much enjoy: Contentful and Storyblok..."
draft = false
categories = ["Development"]
tags = ["JavaScript", "Vue", "headless CMS"]
+++

In some of my recent articles I wrote about how to build websites with a headless CMS backend and a Vue.js frontend. We explored the topic of [pre-rendering with Vue.js](/blog/how-to-pre-render-vue-powered-websites-with-webpack/) and [Nuxt.js](/blog/building-a-pre-rendered-website-with-nuxt-and-storyblok/). My headless CMS of choice for my last two articles was Storyblok, which is one of the most feature packed headless content management systems out there. **But up until now I completely neglected one of the core features of Storyblok, which sets it apart from most competitors: the Visual Editor.**

<div class="c-content__figure">
  <div class="c-content__broad"><commit_msg>Fix typo<commit_after>+++
date = "2018-07-22T06:06:06+02:00"
title = "Building a Website with Vue.js, the Storyblok Visual Editor and Netlify"
description = "Learn how to build a Vue.js powered website with the headless CMS Storyblok, edit it with a Visual Editor and how to deploy it on Netlify."
intro = "In recent weeks I played around with a ton of headless content management systems. To cut a long story short: there are a lot of bad and a couple of pretty good ones out there. At the end of my journey, I was left with two systems I both very much enjoy: Contentful and Storyblok..."
draft = false
categories = ["Development"]
tags = ["JavaScript", "Vue", "headless CMS"]
+++

In some of my recent articles I wrote about how to build websites with a headless CMS backend and a Vue.js frontend. We explored the topic of [pre-rendering with Vue.js](/blog/how-to-pre-render-vue-powered-websites-with-webpack/) and [Nuxt.js](/blog/building-a-pre-rendered-website-with-nuxt-and-storyblok/). My headless CMS of choice for my last two articles was Storyblok, which is one of the most feature packed headless content management systems out there. **But up until now I completely neglected one of the core features of Storyblok, which sets it apart from most competitors: the Visual Editor.**

<div class="c-content__figure">
  <div class="c-content__broad">
{'fraction_non_alphanumeric': 0.08388520971302428, 'fraction_numerical': 0.013245033112582781, 'mean_word_length': 4.504048582995951, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7593618', 'n_tokens_mistral': 810, 'n_tokens_neox': 755, 'n_words': 386}