Runway API Hair Makeover NextJS Example

This application demonstrates how to integrate with the Runway API to generate hair makeovers based on a user-uploaded selfie and a selected hairstyle.

• Upload a selfie.
• Select a hairstyle.
• Click "Generate".

Getting Started

Prerequisites

• Node.js
• npm
• Runway API key (you can get one at https://dev.runwayml.com/)

Installation

1. Clone this repository
2. Install dependencies:

npm install

API Key Configuration

This application requires a Runway API key to function. You need to set up an environment variable:

1. Create a .env.local file in the root of the project
2. Add your Runway API key as RUNWAY_API_KEY:

RUNWAY_API_KEY=your_runway_api_key_here

The API key will be automatically used by the application to authenticate requests to the Runway API.

Running the application

Start the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Learn More

• Runway API Documentation
• Next.js Documentation