Complete Nuxt 3 course
-
Proxmox
Show API Message Alerts | Nuxt 3 Tutorials #43 | Urdu & Hindi
In this video, you will learn how to implement alerts in Nuxt 3. We will display API messages, such as success or failure notifications, using Nuxt components. Additionally, we will demonstrate how to reset old alert messages before handling and displaying the next API response. 𧲠Timestamps: 00:00 – Introduction 00:31 – Modify Alert Component 01:02 – Show Message 01:24…
Read More » -
Proxmox
Using DELETE Data Laravel API | Nuxt 3 Tutorials #42 | Urdu & Hindi
In this video, you will learn how to create a Laravel Delete API for Nuxt 3. We will use the Delete API to remove todos from the database. Additionally, we will explore how to remove items from the frontend array simultaneously when they are deleted from the database. 𧲠Timestamps: 00:00 – Introduction 00:31 – Setup API function 01:18 –…
Read More » -
Proxmox
API Error Handling | Nuxt 3 Tutorials #38 | Urdu & Hindi
In this video, you will learn the best ways to handle errors in Nuxt 3 using try-catch blocks. We will explore the error codes you may encounter and how to resolve them. Additionally, we will examine validation error handling and the workings of $fetch with headers. 𧲠Timestamps: 00:00 – Introduction 00:13 – 404 (Route not found Error) 00:31 –…
Read More » -
Proxmox
SSR vs CSR vs Universal Rendering | Nuxt 3 Tutorials #35 | Urdu & Hindi
In this video, you will learn how SSR, CSR and Universal Rendering work in Nuxt 3. SSR (Server-Side Rendering): The HTML is generated on the server and sent to the browser, which displays the fully rendered content immediately, improving initial load times but requiring a server to handle rendering. CSR (Client-Side Rendering): The browser downloads a minimal HTML shell and…
Read More » -
Proxmox
File Input Component | Nuxt 3 Tutorials #33 | Urdu & Hindi
In this video, you will learn how to handle file uploads in Nuxt 3. We cannot directly bind v-model to the file input field, so we have to use v-on:change to detect changes. I also demonstrate how to upload multiple files using a single input field and read them. 𧲠Checkout our projects at GitHub: 𧲠VSCode: β Font: Cascadia…
Read More » -
Proxmox
Input Field Component In Nuxt | Nuxt 3 Tutorials #31 | Urdu & Hindi
In this video, you will learn how to create a reusable input field component in Nuxt 3. If you want to use the same input field with consistent styling on multiple pages, the best option is to create a component for the input field. This allows you to use it anywhere with a single code base. If you need to…
Read More »
