tRPC Frontend Boilerplate

Minimal tRPC frontend boilerplate (Nextjs) for separate BE-FE repositories. Easily consume fully typesafe APIs.

Monorepos are great, but sometimes we are targeting backend and frontend as separate (mono)repositories.

We might aim for backend and frontend repositories separation of:

• domain/business logic - expose only what need to be exposed through API.
• developers - larger teams/companies.
• CI/CD pipelines, PRs, issues, etc.

... in that case checkout this boilerplate.

Running

Easily set up a local development environment

• clone repo
• npm install
• npm run dev
• use latest tRPC API package in your app 🚀

Import tRPC API

There are 2 ways to import tRPC API types from backend repo:

1. Install npm package npm i trpc-api-boilerplate (currently set as a default option)
2. Run npm script npm run trpc-api-import (uncomment line)

Example Repo

Example backend API repository - tRPC API Boilerplate