gatsby-starter-tmdb icon indicating copy to clipboard operation
gatsby-starter-tmdb copied to clipboard

Source from The Movie Database (TMDb) API (v3) in Gatsby.

gatsby-starter-tmdb

An example project using gatsby-source-tmdb to build a dashboard of watchlist/favourite TV/movies and custom lists. You can see a live preview at tmdb.lekoarts.de.

Deploy this starter with one click on Netlify:

Deploy to Netlify

Built with vanilla-extract, react-query.

This example showcases a combination of build-time and client-only usage of the TMDb API. The / (homepage) page is built statically with gatsby-source-tmdb. The detailed pages (e.g. /tv/<some-id>) are fetching their data on the client. Read more about client-only routes.

Usage

  1. Clone gatsby-starter-tmdb
  2. Run npm install
  3. Duplicate .env.example and rename it to .env.
  4. Fill out the details required in the newly created .env file
  5. Adapt any settings in gatsby-config.ts
  6. Adapt image files in static