Nuxt 3 tutorials
-
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
Calling or Reading RESTFul APIs Data | Nuxt 3 Tutorials #34 | Urdu & Hindi
In this video, you will learn how to call APIs in Nuxt 3. We will use $fetch, which is Nuxt’s built-in composable for making API calls. 🧲 Timestamps: 00:00 – Introduction 01:13 – Setup Page 01:35 – Calling API 02:42 – Show Posts data on page 03:53 – Conclusion 🧲 Checkout our projects at GitHub: 🧲 VSCode: ● Font: Cascadia…
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 » -
Proxmox
Select field Component In Nuxt | Nuxt 3 Tutorials #32 | Urdu & Hindi
In this video, you will learn how to create a reusable select field component in Nuxt 3. If you want to use the same select field with consistent styling on multiple pages, the best approach is to create a component for the select field. The key difference is in how you pass options to the select field. If you define…
Read More » -
Proxmox
Nuxt Loading Indicator | Nuxt 3 Tutorials #30 | Urdu & Hindi
In this video, you will learn how to add a loading indicator in Nuxt 3. The loading indicator will appear at the top of the page when navigating to a different page. Users will see an indicator that helps them understand that data is being fetched from the server, so they need to wait until the data is fully loaded.…
Read More »