Deploy Nuxt with Surge

How to deploy Nuxt app with Surge?

Nuxt gives you the possibility to host your web application on any static hosting like Surge for example.

To deploy on Surge, first install it on your computer:

Yarn
yarn global add surge
NPM
npm install -g surge

Then, we tell Nuxt to generate our web application:

Yarn
yarn generate
NPM
npm run generate

It will create a dist folder with everything inside ready to be deployed on a static hosting.

We can then deploy it to Surge:

surge dist/

Done :)

If you have a project with dynamic routes , take a look at the generate configuration to tell Nuxt how to generate these dynamic routes if you are using Nuxt <= v2.12.

When generating your web application with nuxt generate, the context given to asyncData will not have req and res.