Field note
What it does
Key Concepts Rendering Modes Nuxt Lifecycle Auto-imports Server Engine Modules Server Components TypeScript Code Style Best Practices Accessibility Dev Containers Nuxt and Hydration Nuxt Performance Nuxt Plugins Working with AI MCP Server LLMs.txt Module Author Guide Create Your First Module Understand Module Structure Add Plugins, Components & More Module Dependencies Use Hooks & Extend Types Test Your Module Follow Best Practices Publish & Share Your Module Recipes Custom Routing Vite Plugins Custom useFetch Sessions and Authentication Mostly-Static Sites Going Further Custom Events Experimental Features Features Runtime Config Nightly Release Channel Lifecycle Hooks Nuxt Kit NuxtApp Authoring Nuxt Layers Creating a Builder Debugging Guide Key Concepts Rendering Modes Copy page Learn about the different rendering modes available in Nuxt. Nuxt supports different rendering modes, universal rendering , client-side rendering but also offers hybrid-rendering and the possibility to render your application on CDN Edge Servers . Both the browser and server can interpret JavaScript code to turn Vue.js components into HTML elements. This step is called rendering . Nuxt supports both universal and client-side rendering. The two approaches have benefits and downsides that we will cover. By default, Nuxt uses universal rendering to provide better user experience, performance and to optimize search engine indexing, but you can switch rendering modes in one line of configuration . Universal Rendering This step is similar to traditional server-side rendering performed by PHP or Ruby applications.
Capabilities
Available capabilities
Tags
Tags
No tags filed yet.
Ways to use it
Ways to use it
No integrations filed yet.