NX monorepo showing the TMDB Watchlist mobile app with Expo, tRPC, Next, and Prisma

Related tags

Learning resource tmdb-watchlist-prisma
Overview

tmdb-watchlist-prisma

This app uses TMDB to retrieve a list of Now Playing movies. You can add/remove movies to track which ones you've watched. There's a "fake" auth flow as well to show navigation as well as tRPC middleware.

Simple app that showcases the following technology.

Expo + tRPC + Prisma + NextJS + Nx + zod + react-hook-form + solito

Setup

Add your database and TMDB bearer token (instructions here) to the .env file. If you aren't using Postgres, make the appropriate changes to the Prisma schema.

If you use Postgres, we setup for you a docker image so you can start right away Run docker compose up to start the PostgreSQL database (Assuming you have the docker deamon installed)

Run yarn prisma:codegen and yarn prisma:migrate to setup the DB and generated client.

Running the App

Run the API

nx serve next-app

Run the App

nx run-ios mobile

Screenshots

You might also like...

It is a monorepo that includes all end-to-end resolutions. You can create a website, API and mobile application.

It is a monorepo that includes all end-to-end resolutions. You can create a website, API and mobile application.

Discord Website http://localhost:3000 - vue http://localhost:5000 - vue-mobile http://localhost:4000/graphql - api Setup pnpm install docker-compose u

Dec 7, 2022

Prisma +2 generator to emit Yup schemas from your Prisma schema

Prisma +2 generator to emit Yup schemas from your Prisma schema

Prisma Yup Generator Automatically generate Yup schemas from your Prisma Schema, and use them to validate your API endpoints or any other use you have

Dec 24, 2022

Prisma 2+ generator to emit Joi schemas from your Prisma schema

Prisma 2+ generator to emit Joi schemas from your Prisma schema

Prisma Joi Generator Automatically generate Joi schemas from your Prisma Schema, and use them to validate your API endpoints or any other use you have

Dec 24, 2022

Prisma 2+ generator to emit Zod schemas from your Prisma schema

Prisma 2+ generator to emit Zod schemas from your Prisma schema

Prisma Zod Generator Automatically generate Zod schemas from your Prisma Schema, and use them to validate your API endpoints or any other use you have

Dec 27, 2022

Simply Netflix clone using ReactJS. It fetches the data from TMDB API

Simply Netflix clone using ReactJS. It fetches the data from TMDB API

NETFLIX CLONE This project is a simply front end clone of Netflix. It was created with React. It uses The MovieDB Api to search for movies and display

Dec 9, 2022

A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API.

A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API. Click demo to try it by yourself! Hulu Clone Demo Link

Aug 17, 2022

A web applicaton called 'MOVTIME' where you can come to stream movies by consuming the TMDB movie API

End result Click here : https://movtime-movie-app.netlify.app/ Figma design File Click here: https://www.figma.com/file/4IbpmTU6jtpRKdpbFmt4i8/Web-Des

Nov 11, 2022

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

iSlider iSlider is a lightweight, high-performant, no library dependencies cross-platform slide controller. It can help handling most sliding effects,

Nov 25, 2022

A super simple minimal tRPC for next-js

Typed Routes A way to have fully typed routes in next, without all the complexity of tRPC. This is more for super minimal use cases, where you don't n

Dec 28, 2022
Comments
  • added configuration for postgre docker image

    added configuration for postgre docker image

    Hi Mat,

    I just added a quick docker configuration file to run Postgres. Obviously, If people aren't using Postgres, they can skip that part.

    I found it really easy to quickly get starting when the DB is containerized.

    Let me know what you think

    opened by davyengone 1
  • Add `trpc-openapi`?

    Add `trpc-openapi`?

    🚀 Great project @mwarger! Looks like this is a great starting place for tRPC developers to understand how they could structure their apps using an NX-powered monorepo.

    Taking a little scan through the api/trpc-server library it looks like you've already added output schemas to lots of your procedures. Any interest in adding trpc-openapi too? It should be pretty simple, I'm happy to assist!

    Full disclosure: I am the maintainer of trpc-openapi. I would love to point people toward a real world monorepo example.

    opened by jlalmes 1
Owner
Mat Warger
Coder and life-long student. React, GraphQL, cloud. Sometimes I think too much on the weekends.
Mat Warger
GitHub
Prisma +2 generator to emit a tRPC shield from your Prisma schema

Prisma tRPC Shield Generator Automatically generate a tRPC Shield from your Prisma Schema. Updates every time npx prisma generate runs. Table of Conte

Omar Dulaimi 27 Dec 24, 2022
Next.js + tRPC + Blitz.js Auth + Prisma. Fullstack app example

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Daiki Okumura 6 Oct 12, 2022
A NestJS module that allows you use Prisma, set up multiple Prisma services, and use multi-tenancy in each Prisma service.

NestJS Prisma Module Installation To use this package, first install it: npm i @sabinthedev/nestjs-prisma Basic Usage In order to use this package, yo

Sabin Adams 39 Dec 2, 2022
Prisma 2+ generator to emit fully implemented tRPC routers

Prisma tRPC Generator Automatically generate fully implemented tRPC routers from your Prisma Schema. This includes routers, app router and of course a

Omar Dulaimi 370 Jan 3, 2023
A fullstack TikTok clone with Nextjs, Prisma, trpc

TikTok Clone A fullstack TikTok clone with Nextjs, Prisma, trpc Live demo Official website: https://toptop-clone.vercel.app/ Main technology used The

Phong Nguyen 115 Dec 19, 2022
🎬 Movie, TV Series and Actor website made with TMDb, Next.js and TailwindCSS.

Movie App Demo Getting Started ?? Development Server npm install --s --f && npm run dev # or yarn install && yarn dev ?? Production Server npm install

uh! 10 Dec 27, 2022
Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sinan Bekar 11 Dec 4, 2022
Remix TypeScript monorepo with Turborepo pipelines, Prisma, PostgreSQL, Docker deploy to Fly.io, pnpm, TailwindCSS and Tsyringe for DI.

Remix template with Turborepo, TypeScript and pnpm. The remix app deploys to fly.io or build to Docker image. Example packages for Database with prisma, Tsyringe dependency injection, UI, and internal TypeScript packages.

Philippe L'ATTENTION 33 Dec 29, 2022
A template application for setting up a mobile app video game with IONIC, PHASER, ANGULAR and a Monorepo strategy

OpenForge Ionic Monorepo Example This is a template project for all you aspiring video game developers out there! Want to use your web application ski

OpenForge 67 Dec 22, 2022
This is a library to alternate and self-host the Prisma Data Proxy (cloud.prisma.io)

Alternative Prisma Data Proxy This is a library to alternate and self-host the Prisma Data Proxy (cloud.prisma.io). In order to deploy your project to

AijiUejima 60 Dec 28, 2022