Nuxt Landing Template is a free and open-source boilerplate for building a landing page with Nuxt UI and Nuxt Content, scaffolded in one command.
What is Nuxt Landing Template?
Nuxt Landing Template is a starter template that produces a complete landing page powered by the Nuxt UI component library and the Nuxt Content module. It runs on the Nuxt framework (Vue-based) and provides a pre-built layout, demo content, and tooling for development and production builds. The template is maintained by the Nuxt UI team and is published on GitHub under the nuxt-ui-templates/landing repository.
Key Features
- Nuxt UI integration — every component comes from the Nuxt UI library, so the page inherits the same design system and utility patterns used across Nuxt projects.
- Nuxt Content — the template uses Nuxt Content for structured content, making it easy to edit landing page sections without touching component code.
- One-command scaffolding — run
npm create nuxt@latest -- -t ui/landingto generate the project with the template pre-installed. - One-click Vercel deployment — a Deploy with Vercel button links the repository directly to a Vercel project with a preview environment.
- Live demo — a hosted demo at https://landing-template.nuxt.dev shows the default page appearance and structure.
- Documentation — the official Nuxt UI installation guide at https://ui.nuxt.com/docs/getting-started/installation/nuxt covers setup steps.
- pnpm support — setup and development commands are written for pnpm, with install, dev, build, and preview scripts included.
- Renovate integration — the template documents how to enable Renovate to automatically update dependencies.
Who is it for?
- Nuxt developers — teams already using Nuxt who need a landing page starter that matches their existing stack.
- Indie hackers and founders — people who want a fast, responsive landing page deployed to Vercel without designing from scratch.
- Open-source project maintainers — those who need a polished project entry point with content-driven sections and a pre-built demo.
What can you do with Nuxt Landing Template?
- Start a landing page quickly — scaffold the template, edit the content files, and preview changes on the dev server at http://localhost:3000.
- Deploy to production — run
pnpm buildandpnpm previewlocally, or push the repository to Vercel for automatic CI and deployment. - Automate dependency upkeep — install the Renovate GitHub app to receive pull requests that update Nuxt and Nuxt UI packages.
How does Nuxt Landing Template work?
Create a new project with npm create nuxt@latest -- -t ui/landing. Then change into the directory, run pnpm install, and start the development server with pnpm dev. The landing page will be available at http://localhost:3000. For production, run pnpm build and then pnpm preview to check the output.
FAQ
Is Nuxt Landing Template free?
Nuxt Landing Template is an open-source starter available on GitHub under the nuxt-ui-templates/landing repository. The page does not list a license or price, but the source is publicly accessible and can be cloned via the standard Nuxt create command.
Which package manager do I need?
The template documentation uses pnpm for install, development, build, and preview commands. If you use npm or yarn, you can still run equivalents, but only pnpm commands are shown on the page.
How do I deploy Nuxt Landing Template?
The template offers a one-click Deploy with Vercel button that clones the repository into a new Vercel project. You can also follow the generic Nuxt deployment documentation at https://nuxt.com/docs/getting-started/deployment.
Does it include a blog or ecommerce pages?
The template is focused on a single landing page, not a multi-page site. It includes the landing layout and demo content but does not ship with blog, dashboard, or ecommerce pages.
