Next.js Starter

The fastest way to build with Bold isn't a blank file. It's the Next.js starter: a production-grade video portal built on the SDK, ready to deploy and easy to make yours.

What's included

• Mux Player: production-ready playback
• Search with keyboard shortcuts (⌘K)
• AI chat wired to your library
• Dark mode with system preference detection
• Optional authentication: OAuth with Google/WorkOS, domain restrictions, session management
• Next.js App Router with React Server Components, styled with Tailwind CSS
• Playback analytics reported back to your Bold dashboard

Create your app

npx create-bold-app

The CLI asks for your project name and your API key (from Settings → Developer) and scaffolds everything.

Prefer manual setup?

git clone https://github.com/boldvideo/nextjs-starter my-portal
cd my-portal
cp .env.example .env.local   # add BOLD_API_KEY
npm install && npm run dev

Make it yours

The starter reads your channel's settings (logo, colors, menus, featured playlists), so most branding happens in the Bold admin panel, not in code. For everything else, it's your codebase: change layouts, add routes, swap components.

Deploy

It's a standard Next.js app. Deploy to Vercel (or anywhere Node runs) and set BOLD_API_KEY in your environment. Then point your channel at it: Settings → Channel Settings → Portal Type → Custom Frontend, and enter your URL as the Frontend Base URL.

Beyond the starter

• bold.watch, a minimal player-first template
• demos, smaller integration examples
• Or start from scratch with the SDK / API