Deploy Nuxt to Netlify

Zero Configuration ✨
Integration with Netlify is possible with zero configuration.

Setup

Nuxt will auto-detect that you are in a Netlify build environment and build an optimized version of your server.

For new sites, Netlify will detect that you are using Nuxt 3 and set the publish directory to dist and build command to npm run build.

If you are upgrading an existing site from Nuxt 2 you should check these and update them if needed.

If you want to add custom redirects, you can do so with routeRules or by adding a _redirects file to your public directory.

For deployment, just push to your git repository as you would normally do for Netlify.

Netlify Edge Functions

Netlify Edge Functions use Deno and the powerful V8 JavaScript runtime to let you run globally distributed functions for the fastest possible response times.

Set the following environment variable to run Nuxt on Edge Functions:

SERVER_PRESET=netlify_edge

On-demand Builders

On-demand Builders are serverless functions used to generate web content as needed that’s automatically cached on Netlify’s Edge CDN.

They enable you to build pages for your site when a user visits them for the first time and then cache them at the edge for subsequent visits until the next deployment.

Read More about Netlify on-demand builders

Set the following environment variable to enable on-demand builders:

SERVER_PRESET=netlify_builder

Head over Nitro documentation to learn more about the netlify deployment preset.

AWS Amplify

Deploy your Nuxt Application to AWS Amplify infrastructure.

Vercel

Deploy your Nuxt Application to Vercel infrastructure.