A Nuxt page boilerplate is a pre-structured Vue.js component that includes common parts like template, script setup, layout definition, middleware, and meta tags. This tool helps you quickly generate that skeleton, so you don't have to write the boilerplate manually every time you create a new page.

No installation is required. The tool runs directly in your browser. You just select your options and copy the generated code into your Nuxt project’s pages/ directory. It works with both Nuxt 2 and Nuxt 3.

If you select a layout, the generated code will include a definePageMeta({ layout: '...' }) (Nuxt 3) or layout property (Nuxt 2). Middleware works similarly, adding the middleware key. If you need a custom layout or middleware name, just choose "Custom" and type the name you've defined in your project.

useAsyncData and useFetch are Nuxt 3 composables for data fetching. useFetch is a convenient wrapper around useAsyncData and $fetch. If you need more control over caching, key, or transformation, useAsyncData is preferrable. Both are fully supported in the generated code.

Yes, you can. If you name your page _slug or posts/_id, Nuxt will treat it as a dynamic route. The boilerplate generator will output the correct file structure. You can then add your dynamic logic inside the generated <script setup> block.