Redirection.io Next.js Examples Apps

This repository contains example applications demonstrating the integration of Redirection.io with Next.js, showcasing various setups and features.

These examples use the official Redirection.io Vercel middleware. To add it to your own project, install it using npm or yarn:

yarn add @redirectionio/nextjs-examples

You can read more about the middleware in the Vercel Middleware Integration Guide.

Examples

1. Storyblok Example

A Next.js app with app router, demonstrating the integration of:

• Next.js app router and Draft mode
• Storyblok
• Redirection.io with Vercel middleware

View Storyblok Example README

2. Auth0 Example

A Next.js app with app router, showcasing the setup of:

• Next.js with app router
• Auth0
• Redirection.io with Vercel middleware

View Auth0 Example README

3. Next-intl Example

A Next.js app with app router, demonstrating the integration of:

• Next.js with app router
• Next-intl for internationalization
• Redirection.io with Vercel middleware

View Next-intl Example README

Getting Started

Each example project has its own README with specific instructions. Please refer to the individual README files for detailed setup and usage information.

Common Setup Steps

1. Clone this repository
2. Navigate to the desired example directory
3. Create a .env file with the required environment variables (see individual READMEs)
4. Install dependencies: yarn install
5. Run the development server: yarn dev
6. Open http://localhost:3000 in your browser

Redirection.io Setup

To use Redirection.io in these examples:

1. Go to https://redirection.io/
2. Create an account
3. Create a new project
4. Get the API key
5. Set the API key in the .env file of the respective example project