Getting started with Next.js and Replicate

This is a Next.js template project that's preconfigured to work with Replicate's API.

You can use this as a quick jumping-off point to build a web app using Replicate's API, or you can recreate this codebase from scratch by following the guide at replicate.com/docs/get-started/nextjs

Noteworthy files

• pages/index.js - The React frontend that renders the home page in the browser
• pages/api/predictions/index.js - The backend API endpoint that calls Replicate's API to create a prediction
• pages/api/predictions/[id].js - The backend API endpoint that calls Replicate's API to get the prediction result

Usage

Install dependencies:

npm install

Add your Replicate API token to .env.local:

REPLICATE_API_TOKEN=<your-token-here>

Run the development server:

npm run dev

Open http://localhost:3000 with your browser.

For detailed instructions on how to create and use this template, see replicate.com/docs/get-started/nextjs