A complete guide to build the VueDose blog

Contents

In this seven-part series of articles we'll follow the story of the relaunch of VueDose.tips using a headless stack. It'll cover setting up a project with Nuxt.js, creating UI components following a design system using TailwindCSS, setting up a content structure in Storyblok, adding search functionality, SEO optimizations and then deploying the result as a statically hosted site.

In this articles Alex Jover Morales is going to show you how to build a website similar to VueDose 2.0. It's a smaller version of the original website themed with Naruto characters to lighten the subject a little.

Guided by code examples you will learn how to create a website and build it out into a proper publication which is then deployed as static site. We'll do all of that while leveraging the latest Nuxt.js feature like full-static mode for faster loading times.

Storyblok is a supporter of open-source software (OSS) and particularly VueJS and VueJS based projects for some time now. We are proud to be in the position to give something back to the community. Sponsoring developers is not a charitable endeavor for us, but a serious commitment to support the projects we and our community use regularly. As part of this continuous effort and to make our ecosystem sustainable we also sponsor the great work of VueDose with a monthly donation ๐Ÿ’š.


About the author

Alex Jover Morales

Alex Jover Morales

Web developer, educator and entrepreneur with a passion for human behavior. Currently teaching and helping companies on Vue.js, Nuxt.js, JavaScript and web performance at vuedose.tips