Learn how to build a complete blog using Nuxt.js and Storyblok in this 49-minute tutorial video. Start by creating a Nuxt.js project and setting up the frontend, including custom styling and fonts. Implement key components such as the header, main element, and navigation links with hover effects. Develop the index and post pages, creating reusable components with props. Style the post preview and fix any issues to create a polished blog interface. This video serves as the foundation for connecting to the Storyblok backend in later parts of the series.
Overview
Syllabus
Intro
Create Nuxtjs Project
Frontend Styling
Custom Font
Link Tag
Main Element
Header
Adding Header
Styling the Header
Hover Effects
Next Link Active
Index Page
Post Page
Creating a New Component
Adding Props
Styling
Post Preview
Fixing Post Preview
Taught by
Academind
