Full Stack Typescript Monorepo Starter With Authentication

Overview

The Full-stack TypeScript Monorepo Starter with Authentication is a project aimed at simplifying the process of setting up a new project. It provides a monorepo structure with a Node.js backend, GraphQL API, and React frontend, all written in TypeScript. The project includes various features, tooling, and infrastructure to streamline development and deployment.

Features

• Backend

  • Node.js with TypeScript
  • GraphQL Yoga Server API
  • Prisma ORM with PostgreSQL database
  • Winston/Grafana Loki logging
  • ESBuild bundling

• Frontend

  • React with TypeScript
  • Apollo Client with cache
  • Tailwind CSS
  • Vite building

• Tooling/Infrastructure

  • GitHub Actions CI/CD
  • Prometheus metrics
  • Grafana monitoring
  • Sentry error monitoring
  • Railway hosting
  • PNPM package manager
  • Jest testing
  • ESLint linting
  • Turborepo caching

Installation

Server

1. Install Docker Compose.
2. Install dependencies in all projects: pnpm install --recursive.
3. Build types from GraphQL schema: pnpm run graphql-codegen.
4. Create the file server/.env.development and add the fields from server/.env.example.
5. Run the database: docker-compose up db.
6. Migrate the database schema: npx prisma migrate dev in the server directory.
7. Generate types: npx prisma generate in the server directory.
8. Run the server: pnpm run dev --prefix server.

App

1. Create the file app/.env.development and add the fields from app/.env.example.
2. Run the app: pnpm run dev --prefix app.

Summary

The Full-stack TypeScript Monorepo Starter with Authentication is a project that aims to simplify the process of setting up a new project by providing a pre-configured monorepo structure with a Node.js backend, GraphQL API, and React frontend. It includes various features such as TypeScript support, Prism ORM, Apollo Client, and Tailwind CSS. The project also provides tooling and infrastructure such as GitHub Actions for CI/CD, Prometheus metrics, Grafana monitoring, and Sentry error monitoring. Installation instructions are provided to guide users in setting up the project. Overall, the Full-stack TypeScript Monorepo Starter with Authentication is a comprehensive solution for quickly getting started with a full-stack TypeScript project.