Run a Nuxt App

Getting an application running on Fly.io is essentially working out how to package it as a deployable image. Once packaged it can be deployed to the Fly.io global application platform.

In this guide we’ll learn how to deploy a Nuxt application on Fly.io.

You can deploy your Nuxt app on Fly with minimal effort, our CLI will do the heavy lifting. You can use your existing Nuxt app or you can create one using the tutorial then come back here to deploy your app.

Generate the Nuxt app

If you just want to see how Fly deployment works, follow these steps.

First, install flyctl, your Fly.io app command center, and sign up to Fly.io if you haven’t already.

Now let’s launch your Nuxt app.

cd hello-nuxt
fly launch

Creating app in /Users/me/hello-nuxt
Scanning source code
Detected a Nuxt app
? App Name (leave blank to use an auto-generated name): hello-nuxt
? Select organization: flyio (flyio)
? Select region: mad (Madrid, Spain)
Created app hello-nuxt in organization soupedup
? Would you like to deploy now? Yes
==> Validating app configuration
--> Validating app configuration done
Services
TCP 80/443 ⇢ 8080
Remote builder fly-builder-little-glitter-8329 ready
...
1 desired, 1 placed, 1 healthy, 0 unhealthy [health checks: 2 total, 2 passing]
--> v0 deployed successfully

That’s it! Run fly apps open to see your deployed app in action.

Try a few other commands:

• fly logs - Tail your application logs
• fly status - View your app’s current deployment status
• fly ssh console - Open a terminal on your VM
• fly deploy - Deploy the application after making changes