Prerendering · Get Started with Nuxt

    2024-10-20 17:29

    Crawl-based Pre-rendering. Use the nuxi generate command to build and pre-render your application using the Nitro crawler. This command is similar to nuxt build with the nitro.static option set to true, or running nuxt build --prerender. This will build your site, stand up a nuxt instance, and, by default, prerender the root page / along with ...

    nuxt.js seo prerender

    SEO and Meta · Get Started with Nuxt

    Title Template. You can use the titleTemplate option to provide a dynamic template for customizing the title of your site. For example, you could add the name of your site to the title of every page. The titleTemplate can either be a string, where %s is replaced with the title, or a function.. If you want to use a function (for full control), then this cannot be set in your nuxt.config.

    Nuxt Prerendering · Nuxt SEO

    If you're using nuxi build and want to prerender the sitemap on build, you can add the sitemap path to the nitro.prerender.routes option. export default defineNuxtConfig({ nitro: { prerender: { routes: ['/sitemap.xml'] } } }) Route Rules. Configure your sitemap entries with route rules. Customising the UI. Change the look and feel of your sitemap.

    Rendering Modes · Nuxt Concepts

    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.