TER

image
Trpc Express React

Boilerplate for a Fullstack App with authentication

Project

GitHub issues GitHub forks GitHub stars GitHub license price paypal

Twitter

Main Stack

Other Libraries

Features

Installation

In the root directory (it will run the client and the server automatically). Run:

npm i
npm run dev

Try editing the ts files to see the type checking in action, thanks to Trpc :)

Building for production

npm run build
npm run start

Printscreens

Main Screen

image

Health Check for the server (http://localhost:2022/health)

Health Check

Motivation

Focusing on developer experience: simple, efficient, and fast. This modern stack uses top-tier libraries to build a full-stack web application. Unlike the T3 app (https://create.t3.gg), we opted not to use Next.js, allowing the frontend to remain as static files, easily stored in cloud object storage like AWS S3. Consequently, this stack is designed for building web apps rather than traditional websites, as it is not SEO-friendly.

End-to-end typesafe with Trpc

trpc-video-ter Video from https://trpc.io

E2E Testing

The tests must be run while the app is running.

Running the tests in the Terminal

npm run test:e2e

test-ter-terminal

Running the tests in Vscode

test-ter-vscode

Miscellaneous

bmc-button
image

A “TER” in France stands for “Train Express Régional.” It’s a regional rail network that provides a vital service connecting smaller towns and cities across various regions to larger urban centers. Managed by SNCF, the French national railway company, TERs are often used for commuting to work, school, or for regional travel, offering an efficient and environmentally friendly alternative to driving. The trains vary in frequency and speed, depending on the region and the distances they cover.