Overview

The tRPC Frontend Boilerplate by HeisenbergCI offers a streamlined solution for developers looking to work with separate backend and frontend repositories. Leveraging Next.js, this minimal boilerplate facilitates the consumption of fully typesafe APIs, making it an ideal choice for larger teams or companies focused on maintaining clear separation between their domain logic and API exposure. Whether you’re setting up a new project or integrating with existing infrastructure, this boilerplate aims to simplify the development process.

The boilerplate is particularly advantageous for environments where managing Continuous Integration/Continuous Deployment (CI/CD) pipelines, pull requests, and issues in separate repositories is necessary. With an emphasis on easy setup and usage, it caters to developers aiming to leverage the benefits of tRPC in a disciplined repository structure.

Features

• Easy Setup: Quickly establish a local development environment with simple commands: clone the repo, run npm install, and start the dev server.

• Typesafe API Consumption: Consume fully typesafe APIs effortlessly, ensuring that your frontend remains in sync with backend changes while minimizing runtime errors.

• Flexible API Integration: Choose between two convenient methods to import tRPC API types from your backend repository, either via an npm package installation or an npm script.

• Separation of Concerns: Ideal for teams that prioritize dividing domain/business logic from what needs to be exposed through the API, promoting cleaner architecture.

• Optimized for Monorepos: While designed for separate repositories, this boilerplate also acknowledges the benefits of monorepos, allowing developers to easily adapt based on their project requirements.

• Scalable Development: Built with larger teams in mind, accommodating the complexities of larger development initiatives without sacrificing efficiency or productivity.