Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/dlampatricio/lamubi/llms.txt

Use this file to discover all available pages before exploring further.

By the end of this guide you will have a fully functional La Mubi instance running on your machine. You will clone the repository, wire up a free TMDB API key so the game can fetch real movie data, install dependencies, and boot the Next.js development server — all in under five minutes. Once it is running, you can jump straight into a Charades or Impostor session with your group.

Prerequisites

  • Node.js 18 or laternodejs.org
  • npm (bundled with Node.js), yarn, or pnpm
  • A free TMDB account — needed to generate the API key that powers all movie data
  • A modern browser — Chrome, Firefox, Safari, or Edge (Chromium-based recommended for best animation performance)

Steps

1

Get a TMDB API key

La Mubi fetches movie posters, synopses, directors, and genres from The Movie Database (TMDB). Creating an account and generating a key is completely free.
  1. Sign up or log in at themoviedb.org.
  2. Navigate to Settings → API at https://www.themoviedb.org/settings/api.
  3. Request a Developer API key and fill in the short application form (personal / hobby use is always approved).
  4. Copy the API Key (v3 auth) — you will paste it into your .env file in step 4.
2

Clone the repository

Clone the La Mubi repository and move into the project directory:
git clone https://github.com/dlampatricio/lamubi.git && cd lamubi
3

Install dependencies

Install all required packages using your preferred package manager:
npm install
4

Create the .env file

Create a .env file in the project root and add your TMDB API key:
.env
TMDB_API_KEY=your_key_here
Replace your_key_here with the API Key (v3 auth) you copied in step 1.
Never commit your .env file to version control. La Mubi’s .gitignore already excludes it, so your key stays local.
5

Start the dev server

Launch the Next.js development server:
npm run dev
Once the server is ready, open http://localhost:3000 in your browser. You should see the La Mubi lobby screen.
6

Configure and play

From the lobby you can go directly into a game:
  1. Choose a mode — select Charades for team-based silent acting, or Impostor for social-deduction bluffing.
  2. Add teams and players — enter team names and the names of all participants.
  3. Set the timer — pick 30 s, 60 s, or 90 s per round depending on how competitive your group is.
  4. Start the game — hit the start button, pass the device to the first player, and let the chaos begin.
For production deployment, add TMDB_API_KEY as an environment variable in your hosting provider (e.g. Vercel — go to Project Settings → Environment Variables). The build command is npm run build and the start command is npm start.

Available Scripts

CommandDescription
npm run devStart the Next.js development server with hot reload at localhost:3000
npm run buildCompile and bundle the application for production
npm startStart the production server (requires a completed build)
npm run lintRun ESLint across the codebase to catch type and style issues

Build docs developers (and LLMs) love