https://github.com/lekoarts/gatsby-starter-tmdb

Source from The Movie Database (TMDb) API (v3) in Gatsby.
https://github.com/lekoarts/gatsby-starter-tmdb

gatsby gatsby-example gatsby-source-tmdb themoviedb tmdb

Last synced: 26 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lekoarts/gatsby-starter-tmdb
• Owner: LekoArts
• License: mit
• Created: 2018-12-02T20:16:45.000Z (about 6 years ago)
• Default Branch: main
• Last Pushed: 2023-08-27T14:07:42.000Z (over 1 year ago)
• Last Synced: 2024-12-26T00:21:20.511Z (about 1 month ago)
• Topics: gatsby, gatsby-example, gatsby-source-tmdb, themoviedb, tmdb
• Language: TypeScript
• Homepage: https://tmdb.lekoarts.de/
• Size: 132 MB
• Stars: 47
• Watchers: 4
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gatsby-starter-tmdb

An example project using [gatsby-source-tmdb](https://github.com/LekoArts/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](https://tmdb.lekoarts.de).

Deploy this starter with one click on [Netlify](https://app.netlify.com/signup):

[](https://app.netlify.com/start/deploy?repository=https://github.com/LekoArts/gatsby-starter-tmdb)

Built with [vanilla-extract](https://github.com/seek-oss/vanilla-extract), [react-query](https://react-query.tanstack.com/).

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/`) are fetching their data on the client. [Read more about client-only routes](https://www.gatsbyjs.com/docs/reference/routing/file-system-route-api/#creating-client-only-routes).

## Usage

1. Clone [gatsby-starter-tmdb](https://github.com/LekoArts/gatsby-starter-tmdb)

1. Run `npm install`

1. Duplicate `.env.example` and rename it to `.env`.

1. Fill out the details required in the newly created `.env` file

1. Adapt any settings in `gatsby-config.ts`

1. Adapt image files in `static`