Skip to main content

Nuxt 3 With Pinia

1h 28m 9s
English
Paid

Unlock the power of building dynamic applications by enrolling in the Nuxt 3 with Pinia course. This course offers a comprehensive guide on how to integrate these cutting-edge technologies to develop a fully functional shopping cart application, with Pinia efficiently managing the application's state. Tailored for professionals, this course will enhance your skills and empower you to create seamless and reactive web applications.

Course Overview

In this course, you will dive deep into the synergistic capabilities of Nuxt 3 and Pinia. You will gain practical experience on how these tools work together, bringing reactivity and state management to your Vue.js applications. By the end of the course, you will have built a complete shopping cart from scratch.

What You Will Learn

  • Setting up a Nuxt 3 project from start to finish
  • Integrating Pinia to manage application states
  • Creating modular and reusable components
  • Implementing a responsive shopping cart interface
  • Best practices for state management and application architecture

Who Should Enroll

This course is ideal for professionals who have a basic understanding of Vue.js and are looking to deepen their knowledge of Nuxt 3 and Pinia. Whether you're a frontend developer aiming to refine your skills or a software engineer eager to explore state-of-the-art development techniques, this course is for you.

About the Author: Net Ninja

Net Ninja thumbnail
Hey gang, my name's Shaun and since a young age I've had an obsession for nearly anything tech-related. I've been coding since about the age of 15 (half of my life, now...phew!) and work as a full-stack web developer and online instructor. I also run a well-known development tutorial YouTube channel called The Net Ninja with over 1,000,000 subscribers. So feel free to browse some of my latest free tutorials on there if you want to check out my teaching style :). My specialities mainly gravitate around one central language (and my first love) - JavaScript. I've been programming with it for around 14 years and - as with any long-term relationship - have had the pleasure of seeing it's ugly side as well as it's beautiful side. So I know the pitfalls to avoid when using it, and pass these on when appropriate in my tutorials. Other languages & technologies I use and teach are - Node.js, Vue, React, Python, Ruby, PHP, HTML & CSS.

Watch Online 16 lessons

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