This guide shows you how to deploy a Nuxt3 application to Edgio.
Note: Nuxt3 is still in beta and is not recommended for production.
Example
Connector
This framework has a connector developed for Edgio. See Connectors for more information.
System Requirements
Sign up for Edgio
Deploying requires an account on Edgio. Sign up here for free.
Install the Edgio CLI
If you have not already done so, install the Edgio CLI.
With npm:
1npm i -g @layer0/cli
With yarn:
1yarn global add @layer0/cli
Getting Started
Follow the instructions to create a new Nuxt3 application, run it in a local dev server, and deploy to Edgio.
1. Create a new Nuxt3 application
To create a new Nuxt3 application, run:
1npx nuxi init <app-name>
Note: Learn more about npx and Creating a new Nuxt3 project.
After the installation is complete, change directory to the new project:
1cd <app-name> // Change to the directory of your new application
Then install dependencies with the command:
1npm install # yarn install
2. Add Edgio to the Nuxt3 application
To add Edgio to the Nuxt3 application, run:
10 init
3. Run the Nuxt3 app locally with Edgio
To run the Nuxt3 app locally with Edgio, run:
10 dev
Vist http://localhost:3000 to view the application.
4. Run the Nuxt3 app in local production mode with Edgio
To run the Nuxt3 app in local production mode with Edgio, run:
10 build && 0 run --production
5. Deploy the Nuxt3 app to Edgio
Note: Add or update the name field in the package.json file.
Deploy your app to Edgio by running the following command in your project’s root directory:
10 deploy
See deploying for more information.
Resources
Troubleshoot
Error: Variable siteSlug of type String! was provided invalid value
This error throws on deployment with 0 deploy. To fix this:
- Add/Update the
namefield in thepackage.jsonfile, OR - Deploy with the name flag, via,
0 deploy --name=site-slug
tsconfig.json:3:13: warning: Cannot find base config file ”./.nuxt/tsconfig.json”
This is a resolved Nuxt3 error. More on this GitHub Issue.