Course Platform

Courses

The Complete Guide to Data Fetching in Nuxt Vue Composables Quasar Fundamentals Real-Time Data with Laravel Reverb and Vue.js Vue.js Master Class 2024 Edition Enhanced Routing with UnPlugin Vue Router Crafting a Custom Component Library with Vue and Daisy UI Vue Component Fundamentals with the Composition API Nuxt Modules: The Ultimate Guide A “Wordle” on Test Driven Development in Vue.js Tailwind CSS Fundamentals Material UI with Vuetify and Vue.js Content Sites with Astro and Vue.js Common Vue.js Mistakes and How to Avoid Them Charts for Vue.js 3 Vue.js Transitions and Animations Advanced Components: Exposing Internal State AI Chat Bot with Vue.js and GPT-4 Laravel Backends for Vue.js 3 Build a Drag-and-Drop Trello Board with Vue.js Robust Vue.js Forms with FormKit Rapid Testing with Vitest Nuxt.js 3 Fundamentals Custom Vue.js 3 Plugins Vue.js 3 Custom Directives Jamstack: The Complete Guide Visual Studio Code for Vue.js Developers VueUse for Everyone TypeScript with Vue.js 3 Vue.js 3 Fundamentals with the Composition API Pinia: The Enjoyable Vue Store Application Monitoring in Vue.js with Sentry Rapid Development with Vite TypeScript Fundamentals Vue 3 Composition API Vue 3 Single File Components Vue.js 3 Components Fundamentals Vue Router 4 for Everyone Vue.js 3 Fundamentals with the Options API Web Accessibility Fundamentals Vue.js 3 Options API Masterclass Reusable Vue.js Components with Slots Vue-Apollo GraphQL Fundamentals What is new in Vue 3 GraphQL Fundamentals Storybook with Vue.js Functional Components Internationalization with vue-i18n Vue Router for Everyone Modern JavaScript: ES6 and beyond! Testing Vue.js Components Single File Components Vue.js Components Fundamentals Static Site Generation with Nuxt.js Async Data with Nuxt.js Test with Jest Nuxt.js Fundamentals Custom Vue Directives JavaScript Testing Fundamentals Dynamic Forms with Vue.js Vue.js Form Validation Vue.js Fundamentals Vue.js + Firebase Authentication Vue.js + Firebase Realtime Database The Vue.js Master Class Vuex for Everyone Generating Fake Data with Faker.js Rich Text Editing and Beyond with TinyMCE and Vue

Vue.js 3 Options API Masterclass - Vuex and State Management - Creating a Forum Navbar

In this lesson, we'll create a navbar so we can navigate our forum.

Lesson Resources

Navbar markup
Single-instance component names, style guide

Previous: 🔮 FTF - Use Pinia Actions for Adding Posts Next: Fetching the Authenticated User From Vuex