Nuxt Page Generator: Nuxt 2/3, Layouts and Data States
Create Nuxt 2 or Nuxt 3 Vue pages with layout/middleware names, head metadata and optional Nuxt 3 data fetching plus a local example API.
Enabling local controls…
Generator settings
Requires an existing Nuxt 2/3 project and the named layouts/middleware. Nuxt 3 data modes include a local server/api/example.get.ts; review it before copying to avoid overwriting a file. Nuxt 2 does not use Nuxt 3 fetch composables.
Source controls reviewed: 2026-10-18. UD5
Preview and complete output
Configure fields and generate, or load an example.
How to use this tool
Enter a page name, select version, layout, middleware and metadata. Nuxt 3 can use useFetch/useAsyncData with pending/error states and an included sample API file.
When not to use it
Requires an existing Nuxt project. Named layouts and middleware must exist in that project. Nuxt 2 is a legacy template and cannot use the Nuxt 3 fetch options. No generated code is run here.