To deploy your Nuxt application on the Edge, we use Cloudflare Pages. Therefore, we require you to create a Cloudflare account. You can deploy NuxtHub projects with a free Cloudflare account.

​
Deploy to NuxtHub

1

NuxtHub Setup

Sign In to Nuxthub admin and click the New Project button.
images/nuxthub01.jpeg
2

Import a Github repository

  1. Choose Import a Github repository and select the repo you want to deploy.
    images/nuxthub02.jpeg
  2. Fill in the steps, Paste the environment variables you need, and click the Import Repository button.
    images/nuxthub03.jpeg
Nuxthub will start building your site. This will take around 2-3 minutes.
The first build may fail as NuxtHub sets up bindings, triggering an automatic redeployment. This is expected and can be ignored.

​
Local Development

Once your project is deployed, you can use the remote storage in your local project.
Make sure you already have generated the migrations with pnpm db:generate
Start your Nuxt project with: 
npx nuxt dev --remote
That’s it! The migrations get applied manually to Cloudflare D1.

​
NuxtHub CLI

If you make any changes to your code, you can deploy with a single command: 
npx nuxthub deploy
You can access the NuxtHub Docs to learn more about the deployments and other nuxthub features.