Skip to main content

Nuxt 3 With Pinia

1h 28m 9s
English
Paid

Course description

In the Nuxt 3 with Pinia course, you will learn how to use these technologies together to create a small shopping cart application, where Pinia will manage the state of the cart. This course is designed for professionals.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 16 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (16)

#Lesson TitleDurationAccess
1
Introduction Demo
01:49
2
Creating a Nuxt App
06:28
3
Adding Material Icons
03:09
4
Adding Tailwind CSS
08:46
5
Using JSON Server
06:54
6
Product Card Component
05:49
7
Adding a Pinia Store
02:47
8
Fetching Initial Store State
04:53
9
Making the Cart Page
05:09
10
Cart Total Price
04:09
11
Deleting Items
06:24
12
Increasing Product Quantity
08:50
13
Decreasing Product Quantity
05:39
14
Adding Products to the Cart
08:29
15
Adding a Loading State
03:41
16
Showing the Total Number of Products
05:13

Unlock unlimited learning

Get instant access to all 15 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Nuxt Auth Utils: Secure, Simple, and Flexible Logins

Nuxt Auth Utils: Secure, Simple, and Flexible Logins

Sources: vueschool.io
Master authentication in Nuxt 3! This course will teach you how to implement secure user authorization using Nuxt Auth Utils - from social media login...
1 hour 54 minutes 26 seconds
Vue 3, Nuxt.js and Laravel: A Practical Guide

Vue 3, Nuxt.js and Laravel: A Practical Guide

Sources: udemy
Learn how to create 3 different apps with Vue 3, Nuxt.js and Laravel. The first app will be an Admin app using Vue 3 Composition API The second app will be an I
10 hours 17 minutes 9 seconds
The Complete Guide to Data Fetching in Nuxt

The Complete Guide to Data Fetching in Nuxt

Sources: vueschool.io
In the world of Nuxt, there is an amazing variety of options for fetching data in an application. You can block navigation until the loading is complete, or...
1 hour 32 minutes 52 seconds
Mastering Nuxt 3

Mastering Nuxt 3

Sources: masteringnuxt.com, vueschool.io
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever
9 hours 56 minutes 5 seconds
Build a Server Rendered Vue.js App with Nuxt and Vuex

Build a Server Rendered Vue.js App with Nuxt and Vuex

Sources: egghead
Vue.js has a first-class ecosystem to help construct Vue.js apps. This includes Nuxt.js which enables server-rendered applications and a page-based approach. T
33 minutes 40 seconds