Fullstack Ts React Nest
FullStack React with TypeScript and NestJS starter kit.
Overview:
This repository offers a streamlined starting point for developing web applications with a robust combination of modern technologies. It is designed for developers looking to quickly set up both client and server environments using React and NestJS. With simplicity at its core, this setup allows users to jump in quickly and focus on building features rather than wrestling with complex configurations.
What sets this repository apart is its effective use of TypeScript and modern libraries like Ant Design and Jest, along with the support for both client-side and server-side development. By allowing the sharing of code between the client and server, it makes for an efficient development process while maintaining a clean project structure.
Features:
-
Separation of Configurations: The repository maintains separate
tsconfig.jsonfiles for the client and server, facilitating clear project organization. -
Code Sharing Capability: Clients and servers can share code and types, streamlining the development process and reducing duplication.
-
Webpack Bundling: The client is bundled with Webpack, which optimizes the code for efficient delivery to the browser.
-
Integrated Testing: Built-in support for testing with Jest ensures code reliability, allowing developers to run tests effortlessly.
-
Docker Support: Comprehensive Docker commands make it easy to set up a local development environment with a PostgreSQL database.
-
Custom Configurations: A dedicated configuration mechanism with
.envfiles allows for environment-specific variables, ensuring secure management of sensitive data. -
Compatibility with Node.js: The project requires Node 6 or higher, aligning it with prevalent JavaScript standards for server-side applications.
-
Open Source Licensing: Released under the MIT license, this repository encourages use in both commercial and private projects without any warranties.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.
- 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
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- Ant Design
Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- 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.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.