Nest React screenshot

Nest React

Author Avatar Theme by Landazuripaul
Updated: 18 Nov 2025
105 Stars

Simple NestJS + React/Vite boilerplate using Yarn workspaces - Full on TS!

Categories

Overview

Nest - React boilerplate is a basic boilerplate that allows for the quick setup of a web application written in TypeScript. It combines NestJS for the server-side and React + ReactDOM for the client-side. It also uses Vite as the frontend build tool.

Features

  • Global yarn workspaces for centralized package management.
  • TypeScript ^4.7.4 with optional chaining and customized import paths.
  • EditorConfig + Prettier for code formatting.
  • Full ESLint configurations for linting.
  • Consistent coding style.
  • Development scripts for easy development.
  • Vite’s Hot Module Replacement and React Fast Refresh for fast development.
  • Debugger tool for enhanced debugging experience.
  • Production ready NGINX configuration example for optimized frontend file delivery.
  • Production ready Dockerfile.

Installation

To install and use the Nest - React boilerplate, follow these steps:

  1. Clone the repository.

    git clone [repository URL]
    
  2. Install dependencies in the root folder.

    cd [repository folder]
    yarn install
    
  3. Start the development server.

    yarn start:dev
    
  4. Open your browser and access the application at http://localhost:3000.

Summary

The Nest - React boilerplate provides a minimalistic yet powerful setup for building web applications using NestJS and React. It offers various features such as centralized package management, TypeScript support, code formatting and linting configurations, development scripts, efficient development tools, and production-ready configurations. With clear installation instructions, developers can easily get started with this boilerplate and enjoy a streamlined development experience.