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 pnpmorcorepack 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
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
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.
- Install the Dev Containers extension in VS Code
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.