Nuxt

In this guide, you will create a new Nuxt ↗ application and deploy to Cloudflare Workers (with the new Workers Assets).

Use the create-cloudflare ↗ CLI (C3) to set up a new project. C3 will create a new project directory, initiate Nuxt's official setup tool, and provide the option to deploy instantly.

To use create-cloudflare to create a new Nuxt project with Workers Assets, run the following command:

								
									
									npm
									 create cloudflare@latest -- my-nuxt-app --framework=nuxt
								
							

								
									
									yarn
									 create cloudflare my-nuxt-app --framework=nuxt
								
							

								
									
									pnpm
									 create cloudflare@latest my-nuxt-app --framework=nuxt
								
							

								
									
									bun
									 create cloudflare@latest my-nuxt-app --framework=nuxt
								
							

After setting up your project, change your directory by running the following command:

cd my-nuxt-app

After you have created your project, run the following command in the project directory to start a local server. This will allow you to preview your project locally during development.

								
									
									npm
									 run dev
								
							

								
									
									yarn
									 run dev
								
							

								
									
									pnpm
									 run dev
								
							

								
									
									bun
									 run dev
								
							

Your project can be deployed to a *.workers.dev subdomain or a Custom Domain, from your own machine or from any CI/CD system, including Cloudflare's own.

The following command will build and deploy your project. If you're using CI, ensure you update your "deploy command" configuration appropriately.

								
									
									npm
									 run deploy
								
							

								
									
									yarn
									 run deploy
								
							

								
									
									pnpm
									 run deploy
								
							

								
									
									bun
									 run deploy
								
							

Your Nuxt application can be fully integrated with the Cloudflare Developer Platform, in both local development and in production, by using product bindings. The Nuxt documentation ↗ provides information about configuring bindings and how you can access them in your Nuxt event handlers.

With bindings, your application can be fully integrated with the Cloudflare Developer Platform, giving you access to compute, storage, AI and more.