Nuxt 3 with Pinia

Nuxt 3 With Pinia

In this Nuxt 3 with Pinia course, you'll learn how to use both of these technologies together, to create a small shopping cart application - with Pinia managing the shopping cart state. This is a Pro course & not available anywhere else!

Check out the course preview at the bottom of the page for more information.

Or access all courses by signing up for Net Ninja Pro for just $9 / month.

What You'll Learn...

Making a Nuxt App

Available in days

days after you enroll

1 - Introduction (1:48)
2 - Creating a Nuxt App (6:27)
3 - Adding Material Icons (3:08)
4 - Adding Tailwind CSS (8:45)
5 - Using JSON Server (6:53)
6 - Product Card Component (5:48)

Using Pinia with Nuxt

Available in days

days after you enroll

7 - Adding a Pinia Store (2:46)
8 - Fetching Initial Store State (4:52)
9 - Making the Cart Page (5:08)
10 - Cart Total Price (4:08)
11 - Deleting Items (6:23)
12 - Increasing Product Quantity (8:49)
13 - Decreasing Product Quantity (5:38)
14 - Adding Products to the Cart (8:28)
15 - Adding a Loading State (3:40)
16 - Showing the Total Number of Products (5:12)

Sign up for Net Ninja Pro

Monthly Membership

$9/mo

Instant access to all courses
Early access to new courses
Access to premium & Udemy courses
Cancel at any time

Join Now

Yearly Membership

$79/yr

Instant access to all courses
Early access to new courses
Access to premium & Udemy courses
Save over 25%!