{"id":5682,"date":"2026-08-10T09:25:25","date_gmt":"2026-08-10T09:25:25","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/net-ninja-nuxt-3-with-pinia-2024-8\/"},"modified":"2026-08-10T09:25:25","modified_gmt":"2026-08-10T09:25:25","slug":"net-ninja-nuxt-3-with-pinia-2024-8","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/net-ninja-nuxt-3-with-pinia-2024-8\/","title":{"rendered":"Net Ninja \u2013 Nuxt 3 With Pinia 2024-8"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"5:1-5:273\"><span style=\"vertical-align: inherit\">Nuxt 3 Course With Pinia. In this comprehensive tutorial, you will learn how to use both Nuxt 3 and Pinia technologies simultaneously to build a small shopping cart application. In this application, the shopping cart status is managed by Pinia. This is a professional course and not offered anywhere else!<\/span><\/p>\n<h3 class=\"\" dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"9:1-9:24\"><span style=\"vertical-align: inherit\">What you will learn<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"11:1-28:17\">\n<li data-sourcepos=\"11:1-17:30\"><span style=\"vertical-align: inherit\">Building a Nuxt application:<\/span>\n<ul data-sourcepos=\"12:5-17:30\">\n<li data-sourcepos=\"12:5-12:11\"><span style=\"vertical-align: inherit\">introduction<\/span><\/li>\n<li data-sourcepos=\"13:5-13:28\"><span style=\"vertical-align: inherit\">Create a Nuxt application<\/span><\/li>\n<li data-sourcepos=\"14:5-14:29\"><span style=\"vertical-align: inherit\">Add material icons<\/span><\/li>\n<li data-sourcepos=\"15:5-15:25\"><span style=\"vertical-align: inherit\">Add Tailwind CSS<\/span><\/li>\n<li data-sourcepos=\"16:5-16:28\"><span style=\"vertical-align: inherit\">Using JSON Server<\/span><\/li>\n<li data-sourcepos=\"17:5-17:30\"><span style=\"vertical-align: inherit\">Making product card components<\/span><\/li>\n<\/ul>\n<\/li>\n<li data-sourcepos=\"18:1-28:17\"><span style=\"vertical-align: inherit\">Using Pinia with Nuxt:<\/span>\n<ul data-sourcepos=\"19:5-28:17\">\n<li data-sourcepos=\"19:5-19:29\"><span style=\"vertical-align: inherit\">Add a Pinia store<\/span><\/li>\n<li data-sourcepos=\"20:5-20:32\"><span style=\"vertical-align: inherit\">Fetch the initial state of the store<\/span><\/li>\n<li data-sourcepos=\"21:5-21:24\"><span style=\"vertical-align: inherit\">Creating a shopping cart page<\/span><\/li>\n<li data-sourcepos=\"22:5-22:29\"><span style=\"vertical-align: inherit\">Calculate the total price of the shopping cart<\/span><\/li>\n<li data-sourcepos=\"23:5-23:17\"><span style=\"vertical-align: inherit\">Delete items<\/span><\/li>\n<li data-sourcepos=\"24:5-24:24\"><span style=\"vertical-align: inherit\">Increase the number of products<\/span><\/li>\n<li data-sourcepos=\"25:5-25:22\"><span style=\"vertical-align: inherit\">Reduce the number of products<\/span><\/li>\n<li data-sourcepos=\"26:5-26:32\"><span style=\"vertical-align: inherit\">Add products to cart<\/span><\/li>\n<li data-sourcepos=\"27:5-27:26\"><span style=\"vertical-align: inherit\">Add loading mode<\/span><\/li>\n<li data-sourcepos=\"28:5-28:17\"><span style=\"vertical-align: inherit\">Display the total number of products<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"18:1-18:30\"><span style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"34:1-36:23\">\n<li data-sourcepos=\"34:1-34:67\"><span style=\"vertical-align: inherit\">Front-end developers who want to learn about Nuxt 3 and Pinia.<\/span><\/li>\n<li data-sourcepos=\"35:1-35:62\"><span style=\"vertical-align: inherit\">People who are looking to build dynamic and interactive web applications.<\/span><\/li>\n<li data-sourcepos=\"36:1-36:23\"><span style=\"vertical-align: inherit\">Those who want a thorough understanding of state management in Vue.js applications.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Nuxt 3 With Pinia course specifications<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/netninja.dev\/p\/nuxt-3-with-pinia\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Net Ninja<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor:&nbsp; <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/net-ninja\/\"><span style=\"vertical-align: inherit\">Net Ninja<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Language: English<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Education level: all levels<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of courses: 16<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 1 hour and 29 minutes<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Head of the seasons<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-927641 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/09\/Nuxt-3-With-Pinia.jpg\" alt=\"Nuxt 3 With Pinia\" width=\"480\" height=\"909\"><\/p>\n<p dir=\"ltr\" style=\"text-align: left\">&nbsp;<\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-927642 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/09\/Nuxt-3-With-Pinia-1-1.jpg\" alt=\"Nuxt 3 With Pinia\" width=\"381\" height=\"413\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample video of the course<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-138733-1\"><video class=\"wp-video-shortcode\" id=\"video-138733-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Nuxt_3_With_Pinia_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Nuxt_3_With_Pinia_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Nuxt_3_With_Pinia_Downloadly.ir.mp4?nocache=1786105029741\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Nuxt_3_With_Pinia_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite Player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitle: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Net_Ninja_Nuxt_3_With_Pinia_2024-8_Downloadly.ir.rar?nocache=1786105029\"><span style=\"vertical-align: inherit\">Download file \u2013 221 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">221 MB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Nuxt 3 Course With Pinia. In this comprehensive tutorial, you will learn how to use both Nuxt 3 and Pinia technologies simultaneously to build a sma<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[55955,55956,55957,55958,55959,11606],"class_list":["post-5682","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-nuxt-3-with-pinia","dgi_tag-download-course-nuxt-3-with-pinia","dgi_tag-download-nuxt-3-with-pinia","dgi_tag-free-download-nuxt-3-with-pinia","dgi_tag-free-nuxt-3-with-pinia","dgi_tag-net-ninja"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/5682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/5682\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=5682"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=5682"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=5682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}