Deployment Targets

Static Hosting

Nuxt also works as a static site generator. Statically render your Nuxt application and get all of the benefits of a universal app without a server. The nuxt generate command will generate a static version of your website. It will generate HTML for every one of your routes and put it inside of its own file in the dist/ directory. This improves performance as well as SEO and better offline support.

For static sites the target of static needs to be added to your nuxt.config file.

export default {
  target: 'static' // default is 'server'
}

Running nuxt dev with the static target will improve the developer experience:

• Remove req & res from context
• Fallback to client-side rendering on 404, errors and redirects see SPA fallback
• $route.query will always be equal to {} on server-side rendering
• process.static is true

Server Hosting

Server hosting means running Nuxt on a Node.js server. When the user opens your page, their browser will request that page from the server. Nuxt will handle the request, render the page and send back the resulting page with all its content.

You might need server hosting if you want to render HTML on each request rather than in advance at generate-time, or if you need serverMiddleware .

For server hosting, target: 'server' is used, which is the default value. You will use the build command to build your application.

export default {
  target: 'server'
}