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

Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Sources: udemy
Learn how to create an Admin App using Vue 3. Vue 3, Nuxt.js, Composition API, Options API, Vuex, Typescript, Docker, c3.js charts, Upload Images, Export CSV, S
4 hours 59 minutes 48 seconds
Nuxt Modules: The Ultimate Guide

Nuxt Modules: The Ultimate Guide

Sources: vueschool.io
Master Nuxt Modules through practical coding sessions. From installation to custom module creation, unlock the power of Vue and JavaScript to create dynamic web
2 hours 45 minutes 45 seconds
Mastering Nuxt, 2025 Edition

Mastering Nuxt, 2025 Edition

Sources: masteringnuxt.com, Michael Thiessen
Mastering Nuxt: Full Stack Unleashed - 2025 Edition - is not just a course, but a comprehensive step-by-step guide to modern Nuxt, created with the...
7 hours 36 minutes 9 seconds
MASTERING NUXT Learn Nuxt.js by Building a Real World App

MASTERING NUXT Learn Nuxt.js by Building a Real World App

Sources: masteringnuxt.com
Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.
10 hours 36 minutes 24 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