Learn Nuxt with a Collection of 100+ Tips!
55.4K
Deploy

NuxtHub

Deploy Nuxt applications globally on your Cloudflare account with zero configuration.
Zero Configuration ✨
Integration with NuxtHub is possible with zero configuration, learn more.

Introduction

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.

Read more on hub.nuxt.com.

NuxtHub CLI

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

See an example in video:

You can also install the NuxtHub CLI globally with: npm i -g nuxthub.
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.

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.

Templates

Hello Edge

A minimal Nuxt starter running on the edge.

NuxtHub Starter

A starter to get started with NuxtHub features (Database, Blob, KV, ...).

Atidone

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.

Atidraw

Web application that lets you to draw and share your drawings with the world, with Cloudflare R2 & AI.

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.