UR
Universal Rendering
Supports both server-side rendering and client-side rendering.
Nuxt Concepts for Practical Learning
29 Concepts Explained
AI
Auto Imports
Automatically imports components and composables.
AD
Async Data
Fetches data before rendering the page.
NFR
Nuxt File-based Routing
Automatically generates routes based on file structure.
NP
Nuxt Plugins
Allows extending Nuxt functionality with custom plugins.
NSR
Nuxt Server Routes
Define API endpoints using server directory.
NC
Nuxt CSR
Render pages entirely in the browser using JavaScript.
NEH
Nuxt Error Handling
Custom error pages and error boundaries.
NIO
Nuxt Image Optimization
Optimize images using Nuxt Image module.
NI
Nuxt Internationalization
Support multiple languages using i18n module.
NA
Nuxt Authentication
Implement login and session management using auth modules.
NP
Nuxt Pages
Defines routes automatically based on the file system.
NR
Nuxt Routing
Automatic file-based routing system.
NDR
Nuxt Dynamic Routes
Create routes with parameters using square brackets.
NLI
Nuxt Loading Indicators
Built-in loading bar or custom indicators during navigation.
NH
Nuxt Hooks
Extend Nuxt lifecycle with custom hooks.
NL
Nuxt Layouts
Reusable templates that wrap around pages.
NC
Nuxt Config
Central configuration file for Nuxt projects.
NSMT
Nuxt SEO Meta Tags
Manage meta tags and titles using useHead composable.
ND
Nuxt Deployment
Deploy Nuxt apps to platforms like Vercel, Netlify, or Node servers.
NSA
Nuxt Static Assets
Serve images, fonts, and files from the static directory.
NT
Nuxt Testing
Test Nuxt apps using Jest, Vitest, or Cypress.
NPO
Nuxt Performance Optimization
Improve app speed using lazy loading, caching, and code splitting.
NC
Nuxt Composables
Reusable logic functions built with Vue Composition API.
NRC
Nuxt Runtime Config
Manage environment variables and runtime configuration.
NDF
Nuxt Data Fetching
Fetch data using useAsyncData or useFetch composables.
NSM
Nuxt State Management
Manage global state using Pinia or Vuex.
NA
Nuxt Aliases
Simplify imports using path aliases like @ or ~.
NHCI
Nuxt Headless CMS Integration
Connect Nuxt with CMS like Contentful or Strapi.