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 <%= app_name %>
fly launch

Creating app in /Users/me/<%= app_name %>
Scanning source code
Detected a <%= detected %> app
? App Name (leave blank to use an auto-generated name): <%= app_name %>
? Select organization: flyio (flyio)
? Select region: mad (Madrid, Spain)
Created app <%= app_name %> 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

​Deploy a Nuxt app

Deploy a Nuxt app