TOIT Training

Intermediate

Nuxt 3 with Pinia

Overview
Curriculum

 

Nuxt 3 with Pinia represents the integration of a versatile and modern Vue.js framework with a flexible state management library. Nuxt 3, the latest version of the Nuxt framework, provides server-side rendering, static site generation, and a powerful module system. It’s designed to improve performance and developer experience, with features like auto-importing components and composables, and improved support for Vue 3’s Composition API.

Pinia, being the successor to Vuex, offers a more refined and simpler state management experience. It is fully compatible with the Composition API and is designed to work well with TypeScript. Pinia’s stores are reactive out of the box and can be accessed from any component, making state management straightforward and efficient.

In a course on Nuxt 3 with Pinia, developers would learn how to structure and manage global state within a Nuxt application, use server-side rendering capabilities for SEO benefits and faster page loads, and leverage Pinia for state management to build scalable, maintainable applications. This combination allows for building modern web applications that are both performant and easy to manage.

Curriculum

  • 2 Sections
  • 16 Lessons
  • 1h Duration
Expand All
Making a Nuxt App
6 Lessons
  1. Introduction
  2. Creating a Nuxt App
  3. Adding Material Icons
  4. Adding Tailwind CSS
  5. Using JSON Server
  6. Product Card Component
 Using Pinia with Nuxt
10 Lessons
  1. Adding a Pinia Store
  2. Fetching Initial Store State
  3. Making the Cart Page
  4. Cart Total Price
  5. Deleting Items
  6. Increasing Product Quantity
  7. Decreasing Product Quantity
  8. Adding Products to the Cart
  9. Adding a Loading State
  10. Showing the Total Number of Products

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Nuxt 3 with Pinia
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)