Edgio

Create an Edgio-Hosted Property

Edgio provides multiple methods for creating a new property. You can start from a template, connect an existing site, or use the Edgio CLI to create and manage your property. This guide will walk you through each method to help you get started.
  • Create from template: This method allows you to quickly get started by cloning a pre-configured template optimized for Edge Functions, Next.js, Nuxt3, Astro, Remix, Qwik, or Vue. Templates also support automated deployments and branch previews for streamlined workflows.
  • Connect an existing site: Use this approach to connect an already existing site hosted on GitHub to the platform for automated deployments and branch previews.
  • Create using the Edgio CLI: This option gives you the flexibility to create and manage your site using command-line tools.
Each section below provides step-by-step instructions for these methods.

Creating a Property from a Template

Use this method if you want to deploy a new property by selecting a template optimized for Edge Functions, Next.js, Nuxt3, Astro, Remix, Qwik, or Vue. Templates also support automated deployments and branch previews for streamlined workflows. This method is ideal for users who want to start with a pre-configured setup and customize it to fit their needs.
To create a property from a template:
  1. From the Edgio Console, select the appropriate environment:
    • Private Space: Default environment where properties are personally managed.
    • Organization: Change to an organization by clicking the
      Menu
      near your profile name and selecting the desired organization.
      Organization Selection
  2. Click New Property.
  3. Click Create Property for Host Property on Edgio.
    Create Property
  4. In the Property Name field, give your property a unique name.
  5. Select Start from a template under Setup.
    Choose a Template
  6. Click Connect to GitHub to authenticate your account and select the repository.
    If you have previously authenticated with GitHub, this option will not be available.
  7. Click Create Property to proceed. Edgio will begin cloning the repository and setting up the property.
    Property Cloning
  8. Once the template has been cloned and deployed, you will be redirected to the property dashboard for viewing the deployment details.
    Property Dashboard

Connecting an Existing Project

Use this method if you have an existing project on GitHub that uses a supported framework and want to import it into Edgio for automated deployments and branch previews. This method is ideal for users who want to connect their existing projects with Edgio for streamlined deployment workflows.

Requirements

This method requires the following conditions to be met:
  • The project must be hosted in an existing GitHub repository.
  • The project must use one of the supported frameworks: Next.js, Nuxt, Nuxt3, React, Vue, Express
To import an existing project
  1. Access the Edgio Console and select your desired environment:
    • Private Space: This is your personal environment where only you can see and manage properties.
    • Organization: If working within a team, switch to your organization by clicking the
      Menu
      next to your name and choosing the relevant organization.
      Organization Selection
  2. Click New Property.
  3. Click Create Property for Host Property on Edgio.
    Create Property
  4. In the Property Name field, give your property a unique name.
  5. Select Import an existing project under Setup.
  6. Click Connect to GitHub to authenticate your account and select the repository.
    If you have previously authenticated with GitHub, this option will not be available.
  7. Select the framework your project uses and the repository which contains the project.
    Import Project
  8. Click Create Property to proceed. Edgio will begin cloning the repository and setting up the property.
    Property Preparing
  9. Once the project has been prepared and deployed, you will be redirected to the property dashboard for viewing the deployment details.
    Property Dashboard

Creating a Property Using the CLI

Use this method if you have an existing codebase and want to initialize and deploy a new property using the CLI. This method is ideal for users who are comfortable with the command line and prefer an interactive setup process.
To create a property using the CLI:
  1. From the Edgio Console, access your preferred environment:
    • Private Space: This is the default view in Edgio Console and only you can access the properties created here.
    • Organization: To access an organization space, click on the
      Menu
      icon next to your profile and select the organization.
      Organization Selection
  2. Click New Property.
  3. Click Create Property for Host Property on Edgio.
    Create Property
  4. Enter a Property Name to uniquely identify your property.
  5. Select Create using CLI under Setup.
    Create using CLI
  6. Click Create Property to finalize the creation.
  7. Follow the instructions provided to install the CLI and finish deploying your property.
    CLI Instructions