Deploy

Cloudflare Pages

Deploy your Content app to Cloudflare Pages

Quick Setup

  1. Use nuxi build --preset=cloudflare_pages to build your app
  2. Create D1 database and connect to your project in Cloudflare Dashboard under DB binding name
  3. Deploy/Redeploy your app

Nuxt Content module has a built-in integration with Cloudflare Pages to deploy your content.

Module will automatically detects the build target and prepare the necessary configuration for Cloudflare Pages.

You can either use --preset=cloudflare_pages option on nuxi build command or use nuxt.config.ts to configure the preset.

export default defineNuxtConfig({
  nitro: {
    preset: 'cloudflare_pages',
  },
});

The module requires a D1 database to be connected to the app in order to work. By default it will use the DB binding name. You can override the database configuration by providing your own database configuration in nuxt.config.ts.

After creating a new Cloudflare Pages project, you need to create a new D1 database and connect it to the project. Make sure to use the same binding name as the module is using. (default is DB)

That's it 🎉

Checkout:

NuxtHub

Deploy your Content app to NuxtHub

Cloudflare Workers

Deploy your Content app to Cloudflare Workers