Meta tags:
description=Nuxt provides several component layers to implement the user interface of your application.;

Headings (most frequently used words):

views, app, vue, components, pages, layouts, advanced, extending, the, html, template, community, explore, enterprise,

Text of the page (most frequently used words):
the (30), app (26), template (22), nuxt (19), vue (19), pages (15), this (13), you (12), div (12), and (11), html (11), page (9), layouts (9), #components (7), section (7), appalert (7), your (6), can (6), will (6), default (6), with (5), for (5), more (5), route (5), component (5), file (5), community (4), response (4), render (4), hook (4), content (4), create (4), about (4), welcome (4), homepage (4), application (4), are (4), views (4), github (3), assets (3), guide (3), hooks (3), nitroapp (3), meta (3), that (3), auto (3), imported (3), slot (3), nuxtpage (3), index (3), user (3), interface (3), directory (3), get (3), started (3), discord (2), bluesky (2), subscribe (2), new (2), updates (2), enterprise (2), templates (2), advanced (2), extending (2), configuration (2), read (2), docs (2), log (2), console (2), event (2), description (2), custom (2), head (2), server (2), have (2), adding (2), only (2), seo (2), use (2), them (2), displayed (2), nuxtlayout (2), using (2), several (2), files (2), routing (2), every (2), its (2), span (2), layers (2), copyright, 2016, 2026, mit, license, linkedin, stay, updated, releases, features, guides, our, newsletter, sponsors, agencies, evals, showcase, explore, design, kit, team, nuxters, menu, explain, agent, certification, master, become, sponsor, offers, two, options, configured, sensible, defaults, make, productive, edit, report, issue, was, helpful, going, further, also, intercept, here, name, push, object, representation, definenitroplugin, export, plugins, extend, full, control, over, nitro, plugin, registers, callback, function, allows, mutate, before, sent, client, need, modify, refer, want, learn, how, find, information, appfooter, appheader, single, layout, recommend, instead, wrappers, around, contain, common, such, header, footer, displays, display, used, set, part, metadata, add, remove, entry, now, their, corresponding, routes, represent, each, specific, pattern, represents, different, displaying, most, reusable, pieces, like, buttons, menus, these, they, automatically, available, across, without, having, explicitly, import, familiar, might, wonder, where, normally, creates, does, behind, scene, main, treat, entrypoint, provides, implement, copy, upgrade, testing, deployment, prerendering, error, handling, state, management, data, fetching, transitions, styling, installation, introduction, examples, deploy, api, structure, search, ask, nuxi, resources, modules,

Text of the page (random words):
views get started with nuxt v4 v4 4 8 docs modules templates resources enterprise updates ask nuxi search k 60 6k get started structure guide api deploy examples community introduction installation configuration views assets styling routing seo and meta transitions data fetching state management error handling server layers prerendering deployment testing upgrade guide get started views copy page nuxt provides several component layers to implement the user interface of your application app vue by default nuxt will treat this file as the entrypoint and render its content for every route of the application app app vue template div h1 welcome to the homepage h1 div template if you are familiar with vue you might wonder where main js is the file that normally creates a vue app nuxt does this behind the scene components most components are reusable pieces of the user interface like buttons and menus in nuxt you can create these components in the app components directory and they will be automatically available across your application without having to explicitly import them app app vue app components appalert vue template div h1 welcome to the homepage h1 appalert this is an auto imported component appalert div template template span slot span template pages pages represent views for each specific route pattern every file in the app pages directory represents a different route displaying its content to use pages create an app pages index vue file and add nuxtpage component to the app app vue or remove app app vue for default entry you can now create more pages and their corresponding routes by adding new files in the app pages directory app pages index vue app pages about vue template div h1 welcome to the homepage h1 appalert this is an auto imported component appalert div template template section p this page will be displayed at the about route p section template read more in routing section layouts layouts are wrappers around pages that contain a common user interface for several pages such as header and footer displays layouts are vue files using slot components to display the page content the app layouts default vue file will be used by default custom layouts can be set as part of your page metadata if you only have a single layout in your application we recommend using app app vue with nuxtpage instead app app vue app layouts default vue app pages index vue app pages about vue template div nuxtlayout nuxtpage nuxtlayout div template template div appheader slot appfooter div template template div h1 welcome to the homepage h1 appalert this is an auto imported component appalert div template template section p this page will be displayed at the about route p section template if you want to create more layouts and learn how to use them in your pages find more information in the layouts section advanced extending the html template if you only need to modify the head you can refer to the seo and meta section you can have full control over the html template by adding a nitro plugin that registers a hook the callback function of the render html hook allows you to mutate the html before it is sent to the client server plugins extend html ts export default definenitroplugin nitroapp nitroapp hooks hook render html html event this will be an object representation of the html template console log html html head push meta name description content my custom description you can also intercept the response here nitroapp hooks hook render response response event console log response read more in docs 4 x guide going further hooks was this helpful ️ report an issue or edit this page on github configuration nuxt is configured with sensible defaults to make you productive assets nuxt offers two options for your assets on this page on this page app vue components pages layouts advanced extending the html template community become a sponsor master nuxt nuxt certification explain with agent nuxt on discord nuxt on bluesky nuxt on x nuxt on github menu on this page community nuxters team design kit explore templates showcase ai evals enterprise agencies sponsors subscribe to our newsletter stay updated on new releases and features guides and community updates subscribe nuxt on x nuxt on bluesky nuxt on linkedin nuxt on discord nuxt on github copyright 2016 2026 nuxt mit license