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 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.

Deploy a Nuxt app

First, install flyctl, the Fly.io CLI, and sign up to Fly.io if you haven’t already.

If you don’t already have a Nuxt app, you can create one:

npx nuxi@latest init hello-nuxt

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