A complete guide to build the VueDose blog
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.
- Part 1: Setting up a full static Nuxt site
- Part 2: Creating UI components based on a Design System in Vue.js
- Part 3: Setting up the blog content structure in Storyblok
- Part 4: Show the Blog Content in Nuxt Using Storyblok API
- Part 5: Tags and Search Functionality in Nuxt Using Storyblok API
- Part 6: Optimize SEO and Social Media Sharing in a Nuxt blog
- Part 7: Generate and deploy the blog as a full static Nuxt site
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 💚.
