Reactnest Boilerplate

screenshot of Reactnest Boilerplate
nestjs
react

Reactnest Boilerplate

🗼A starter project template with (Ngnix, ReactJS, Redux, Redux Thunk, React Router, NestJS, TypeORM, PostgreSQL, Docker, PM2) + (Code Style, Conventional Changelog with Commitlint, Husky, Git CZ)

Overview

Reactnest is a starter project template that aims to provide a pre-modeled structure for building web applications using a combination of various technologies such as Ngnix, ReactJS, Redux, Redux Thunk, React Router, NestJS, TypeORM, PostgreSQL, Docker, and PM2. The motivation behind Reactnest is to offer a base template that allows developers to quickly get started with their projects without having to deal with extensive configurations. While Reactnest may not be a one-size-fits-all solution, it serves as a solid foundation for building projects.

Features

  • Ngnix: Comes with a basic configuration and allows for more extensive configurations by accessing the default.conf file.
  • PM2: An advanced manager for NodeJS processes used in production configurations.
  • React Router: A routing library for React applications.
  • Redux + DevTools: A predictable state container for JavaScript applications along with a set of developer tools for debugging.
  • Conventional Changelog: Helps to create changelogs in a standardized format by following a set of conventions.
  • TypeORM: An ORM for TypeScript and JavaScript that works with various databases including PostgreSQL.
  • Installation: Provides a guide for installing the Reactnest template along with code snippets.
nestjs
Nest

A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

docker
Docker

A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.