A Full-Featured Edgio Application Performance Example

This full-featured example demonstrates what to expect when running our Getting Started command with the addition of static asset caching, which can be found in the route.js file.

Implemented Features

• Multiple origins proxying
• StaleWhileRevalidate additional cache buffer
• Prefetching
• Deepfetching
• Image Optimization
• Response Transformation with Serverless
• Header Manipulation
• Cache Key Normalization
• DevTools
• RUM script injection

Getting Started

Clone This Repo

Use git clone https://github.com/edgio-docs/edgio-v7-full-featured-performance-example.git to get the files within this repository onto your local machine.

Install dependencies

On the command line, in the project root directory, run the following command:

npm install

Run the app locally on Edgio

Run the Next.js app with the command:

npm run edgio:dev

Load the site: http://127.0.0.1:3000

Testing production build locally with Edgio

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

npm run edgio:build && npm run edgio:production

Setting --production runs your app exactly as it will be uploaded to the Edgio cloud using serverless-offline.

Deploying to Edgio

Deploying requires an account on Edgio. Sign up here for free. Once you have an account, you can deploy to Edgio by running the following in the root folder of your project:

npm run edgio:deploy

See deploying for more information.

Demo

https://edgio-community-examples-v7-full-featured-performance-live.edgio.link/