CF

Nuxt 3 With Pinia

1h 28m 9s
English
Paid
Updated September 2026

Nuxt 3 With Pinia is a 16-lesson 1 hour 28 minutes self-paced course by The Net Ninja. Nuxt 3 handles the framework side of a Vue app; Pinia handles the state.

Course facts

Lessons
16
Duration
1 hour 28 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
The Net Ninja
Price
Premium

Nuxt 3 handles the framework side of a Vue app; Pinia handles the state. This course pairs the two by building one concrete project — a shopping cart — so the connection between them is something you see working rather than something described in the abstract.

What you'll do

  • Set up a Nuxt 3 project from a blank folder
  • Wire Pinia in to manage application state
  • Build the cart interface out of modular, reusable components
  • Apply state-management and architecture practices that hold up as an app grows

It's aimed at people who already know the basics of Vue.js and want to see Nuxt 3 and Pinia working together on a real interface, not just in isolated examples.

Additional

https://github.com/iamshaunjp/nuxt-3-with-pinia

Who teaches Nuxt 3 With Pinia? The Net Ninja

The Net Ninja thumbnail

The Net Ninja is the YouTube channel and paid-course brand of Shaun Pelling, a UK-based developer behind one of the largest independent web-development tutorial channels online. The channel has been publishing daily-or-near-daily web-development content for nearly a decade and has anchored a generation of self-taught developers' first exposure to JavaScript, React, Vue, Node.js, and the modern front-end ecosystem.

His CourseFlix listing carries four Net Ninja courses: TypeScript Masterclass, Flutter Masterclass (covering cross-platform mobile development), Nuxt 3 With Pinia, and Redis Stack Tutorial. The teaching style is calm, patient, and accessible to absolute beginners — the channel's signature for nearly a decade.

Material is paid for the longer courses; much of Shaun's introductory content is also free on YouTube. Courses are aimed primarily at self-taught developers building real web and mobile proficiency.

What lessons are included in Nuxt 3 With Pinia?

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

What courses are similar to Nuxt 3 With Pinia?

More courses by The Net Ninja

  • Foundations of Algorithms Masterclass thumbnailNew

    Foundations of Algorithms Masterclass

    The course helps to master the basics of algorithms, understand complexity, delve into recursion, and learn practical approaches for preparing for technical
    5h 34m5/5
  • Flutter Masterclass thumbnailUpdated 2y ago

    Flutter Masterclass

    Flutter is a remarkable framework for creating cross-platform applications (mobile, desktop, and web) using the Dart programming language.
    14h 56m5/5
  • Redis Stack Tutorial thumbnailUpdated 2y ago

    Redis Stack Tutorial

    Redis Stack is a set of modules and tools built around the core functionalities of Redis that simplify and make working with it more efficient.
    1h 55m
  • TypeScript Masterclass thumbnailClassic

    TypeScript Masterclass

    TypeScript is a strongly typed programming language built on top of JavaScript, with additional features added in - primarily the ability to add types.
    5h 21m5/5

Frequently asked questions

What are the prerequisites for enrolling in this course?
Prospective students should have a basic understanding of Vue.js before enrolling in this course. Familiarity with JavaScript and web development concepts will also be beneficial as the course builds on these foundational skills to explore Nuxt 3 and Pinia more deeply.
What project will I build during the course?
During the course, you will build a fully functional shopping cart application. This will involve setting up a Nuxt 3 project, integrating Pinia for state management, and creating modular and reusable components, all culminating in a responsive shopping cart interface.
Who is the target audience for this course?
The course is tailored for professionals with a basic understanding of Vue.js who want to deepen their knowledge of Nuxt 3 and Pinia. It is ideal for frontend developers seeking to refine their skills and software engineers interested in state-of-the-art development techniques.
How does the depth of this course compare to other similar courses?
This course provides an in-depth exploration of integrating Nuxt 3 with Pinia to manage application states and create reactive web applications. It covers setting up a Nuxt 3 project, using a Pinia store, and best practices for state management, making it suitable for those looking to gain practical, hands-on experience.
What specific tools or platforms are covered in the course?
The course covers a range of tools and platforms, including setting up a Nuxt 3 app, using JSON Server for data management, adding Material Icons and Tailwind CSS for styling, and integrating Pinia for efficient state management within a Vue.js application.
What topics are not covered in this course?
The course does not cover basic JavaScript or Vue.js concepts in detail. It assumes prior knowledge in these areas, focusing instead on the integration and application of Nuxt 3 and Pinia for building dynamic applications.
What is the expected time commitment for the course?
The course consists of 16 lessons. While the exact runtime is not specified, students should allocate sufficient time to engage with each lesson, practice the skills taught, and complete the project-based exercises to fully grasp the course material.