Nuxt 2 is reaching End-of-Life on June 30th, 2024.
52.8K
Deploy

NuxtHub

Deploy your full-stack Nuxt application globally on your Cloudflare account.
Zero Configuration ✨
Integration with NuxtHub is possible with zero configuration, learn more.
NuxtHub is a deployment and administration platform for Nuxt, powered by Cloudflare.
The main difference with the Cloudflare deployment is that NuxtHub provides a zero-configuration deployment experience (provisioning, deployment, and administration).
It also provides a powerful admin interface to manage your Nuxt projects (database, blob, KV, ...) as well as remote storage.

Quick Start

  • Login to admin.hub.nuxt.com
  • Connect your Cloudflare account by clicking on Create a new token with required permissions and follow the instructions
  • You are now ready to deploy your Nuxt project to your Cloudflare account!

Deploy using Git

  1. Push your code to your git repository (GitHub or GitLab)
  2. Click on New Project then Import a Git repository
  3. Select your repository and click on Import repository
  4. NuxtHub will configure your project on Cloudflare Pages and deploy it
  5. Your application is deployed with a .nuxt.dev domain

After your project has been imported and deployed, all subsequent pushes to branches will generate preview deployments and all changes made to the production branch (commonly “main”) will result in a production deployment.

NuxtHub CLI

If you do your first deployment with the NuxtHub CLI, you won't be able to attach your GitHub/GitLab repository later on due to a Cloudflare limitation.

You can deploy your local project with a single command:

Terminal
npx nuxthub deploy

The command will:

  1. Ensure you are logged in on admin.hub.nuxt.com
  2. Link your local project with a NuxtHub project or help you create a new one
  3. Build your Nuxt project with the correct preset
  4. Deploy it to your Cloudflare account with all the necessary resources
  5. Provide you with a URL to access your project
You can also install the NuxtHub CLI globally with: npm i -g nuxthub.

Templates

NuxtHub Starter

A minimal starter to get started with NuxtHub storage and features.

Nuxt Todos

A full-stack application with authentication and a database to manage your Todos.

Nuxt Image Gallery

An image gallery to upload, edit and share your images to the world.

Atinotes

An editable website powered by Markdown & Vue components with dynamic OG image generation.

See the whole list of templates on https://hub.nuxt.com/templates

Netlify

Deploy your Nuxt Application to Netlify infrastructure.

Vercel

Deploy your Nuxt Application to Vercel infrastructure.