Astro

Astro is a modern static site builder. This guide walks you through deploying Astro sites to Edgio.

Astro 2.x is supported in all versions of Edgio v7.

Astro 3.x requires Edgio v7.4.0 or later which introduces Node.js 18 support.

Connector

This framework has a connector developed for Edgio. See Connectors for more information.

View the Connector Code

Prerequisites

Before proceeding, you will need an Edgio property. Create one now if you do not already have one.

Learn how to create a property.

System Requirements

Install Node.js

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.

Bash
npm i -g @edgio/cli@latest

Create your Astro site

If you don’t have an existing Astro site, you can create one by running:

1npm create astro@latest

Recent versions of Astro require Node.js >=18.14.1. You may need to update your edgio.config.js file to specify Node.js 18 as the cloud runtime.

Initializing your Project

Initialize your project for use with Edgio by running the following command in your project’s root directory:

Bash
edgio init --connector=@edgio/astro --edgioVersion latest

This will automatically add all of the required dependencies and files to your project. These include:

The @edgio/core package
The @edgio/angular package
The @edgio/cli package
The @edgio/astro package
edgio.config.js - Contains various configuration options for Edgio.
routes.js - A default routes file that sends all requests to the Astro. Update this file to add caching or proxy some URLs to a different origin.

Routing

The default routes.js file created by edgio init sends all requests to Astro server via a fallback route.

JavaScript
// This file was added by edgio init.
// You should commit this file to source control.

const {Router} = require('@edgio/core/router');
const {astroRoutes} = require('@edgio/astro');

export default new Router().use(astroRoutes);

Enable Server Side Rendering

Specify appPath inside edgio.config.js

After you’ve setup @astrojs/node with Astro, specify server file path in edgio.config.js as below:

JavaScriptedgio.config.js
const {join} = require('path');

module.exports = {
  astro: {
    appPath: join(process.cwd(), 'dist', 'server', 'entry.mjs'),
  },
  // Rest of the config
};

If you’re using custom server file for enabling server side rendering, make sure your server is listening to port via process.env['PORT'].

Running Locally

To test your app locally, run:

1edgio dev

You can do a production build of your app and test it locally using:

Bash
edgio build && edgio run --production

Setting --production runs your app exactly as it will be when deployed to the Edgio cloud.

Deploy to Edgio

Deploy your app to the Sites by running the following commands in your project’s root directory:

1edgio deploy

Your initial CDN-as-code deployment will generate system-defined origin configurations along with those defined within your edgio.config.js. Learn more about system-defined origins.

See Deployments for more information.