Livepeer Website

The official website for Livepeer — open infrastructure for real-time AI video.

Tech Stack

• Framework: Next.js 15 (App Router)
• UI: React 19, Tailwind CSS v4, Framer Motion 11
• Language: TypeScript
• Fonts: Favorit Pro & Favorit Mono (Dinamo Typefaces)

Prerequisites

• Node.js 22.x (includes npm)
• pnpm v10.x — install with npm install -g pnpm or corepack enable
• Docker (optional) — required for the dev container

Tip

Use nvm install or asdf install to automatically switch to the correct versions.

Getting Started

Install Dependencies

pnpm install

Set Up Environment Variables

Copy the example env file and fill in the values:

cp .env.example .env.local

Variable	Required	Description
MAILCHIMP_API_KEY	Yes	Mailchimp API key for early access signups
MAILCHIMP_AUDIENCE_ID	Yes	Mailchimp audience/list ID
MAILCHIMP_TAG	No	Tag applied to new subscribers (default: "v2 Website Signups")
THEGRAPH_API_KEY	No	Authenticated subgraph requests for live protocol stats (falls back to hardcoded values)

Run Development Server

pnpm dev

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

Scripts

Command	Description
npm run dev	Start development server
npm run build	Create production build
npm run start	Serve production build
npm run lint	Run ESLint

Dev Container (Recommended)

Develop inside a pre-configured container — consistent tooling, zero local setup, and isolation from your host machine.

1. Install the Dev Containers extension in VS Code
2. Ctrl+Shift+P → "Dev Containers: Reopen in Container"

Project Structure

app/                  # Next.js App Router pages
  brand/              # Brand guidelines page
  primer/             # Livepeer primer page
  use-cases/          # Use-case pages
components/
  home/               # Homepage sections (Hero, Capabilities, etc.)
  layout/             # Header and Footer
  ui/                 # Shared UI primitives (Button, Card, Container, etc.)
  icons/              # Logo components (Symbol, Wordmark, Lockup)
lib/                  # Constants, fonts, and custom hooks
public/               # Static assets (images, videos, fonts)

License

See LICENSE for details.