Building and deploying this portfolio website using Nuxt.js, Vue, and the Storyblok Headless CMS.

Skills

The Problem

After having my portfolio hosted as a WIX site the last 2 years, I decided it was time to give it a face lift. In doing so I wanted to practice my newly acquired Vue skills and explore one of the headless CMS. Wix cost ~$168 a year so being able to build the website myself will save me money.

The Solution

Redesign, rebuild, and redeploy my website utilizing my skills in VueJS and APIs. Leverage Nuxt.js for rapid deployment and to learn a static webpage generator. Deploy the website using Netfliy which will result in a freely hosted portfolio website!

You can view the final result at alexnorum.com and my code at https://github.com/anorum/myportfolio .

The Tech Stack

Front-End

The front-end is built in https://nuxtjs.org which is a static website generator which uses Vue.js a Javascript front-end framework.

Back-End

For my backend API I chose Storyblok. I experimented with a number of headless CMSs, but ended up going with Storyblok for it ease to learn. Storyblok came with a fully built sample app that allowed me to get hands on to learn how to structure my personal components.

It was also free!

Hosting

My code is on Github and I used Netlify to deploy my website. Netlify made it super easy to deploy with a repository and auto generates my website any time their are new commits to the master branch of my Github 👌