travelblog

My travelblog which uses Nuxt.js, Storyblok as headless CMS and Netlify to deploy it.

Live Website

https://www.solmates.at/

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs and Storyblok docs.

Features & Todos

• write Readme :)
• buy domain solmates.at
• write at least 6 blog posts
• add categories
• add authors
• create contact form
• customizable colors and backgrounds for posts, authors, categories
• custom 404 page
• sitemap.xml
• SEO: icon, meta description, opengraph, twitter, schema.org
• Progressive Web App: manifest, service worker
• canonical tags
• optimize images: responsive srcsets for retina/non-retina, webp
• lazyload images
• add a progressbar for blog posts
• Google Tag Manager and Analytics
• imprint and privacy information
• cookie banner 🍪
• optimize fonts with webfontloader
• image zoom (medium style)
• optimize design for mobile landscape (something I never did in the past tbh)
• achieve great results in Lighthouse / Google Audits
• praise JAM, Nuxt.js, Netlify and Storyblok https://www.solmates.at/blog/wie-solmates-at-entstanden-ist
• add Google Map with the travel route
• improve page speed even more
• make PWA offline ready
• multi language (EN, ES)
• infinite loading of blog posts on home page
• add different sections of posts filtered by f.e. category on home page
• refactor and cleanup code