Nestjs y React en un Monorepo usando TurboRepo
En este artículo vamos a explorar cómo podemos organizar un proyecto que utiliza Nestjs y React en un monorepo utilizando TurboRepo.
¿Qué es un monorepo?
Un monorepo es un repositorio de código que contiene múltiples proyectos o componentes. Es una práctica común en el desarrollo de software para mantener todo el código relacionado en un solo lugar y facilitar la reutilización, colaboración y mantenimiento de proyectos.
Nestjs y React en un monorepo
Para organizar un proyecto que incluye tanto el backend con Nestjs como el frontend con React en un monorepo, podemos utilizar una herramienta como TurboRepo. TurboRepo nos permite gestionar varios proyectos en un solo repositorio de código, lo que hace que sea más fácil compartir código, manejar dependencias y realizar cambios en todo el proyecto de manera coherente.
Usando TurboRepo
Para configurar Nestjs y React en un monorepo usando TurboRepo, primero necesitamos instalar TurboRepo en nuestro entorno de desarrollo. Luego, podemos estructurar nuestro proyecto de la siguiente manera:
project/ ├── packages/ │ ├── backend/ │ │ ├── nestjs-project/ │ │ │ ├── src/ │ │ │ └── package.json │ ├── frontend/ │ │ ├── react-project/ │ │ │ ├── src/ │ │ │ └── package.json └── turbo.toml
Beneficios de usar TurboRepo
Al organizar nuestro proyecto con Nestjs y React en un monorepo usando TurboRepo, obtenemos varios beneficios:
- Facilita la colaboración entre el backend y frontend equipos de desarrollo.
- Permito la reutilización de código entre los proyectos de backend y frontend.
- Facilita el manejo de dependencias compartidas.
- Facilita la realización de cambios en el proyecto de manera coherente.
Conclusión
Utilizar un monorepo con TurboRepo para organizar un proyecto que utiliza Nestjs y React nos proporciona una serie de beneficios que nos ayudan a mantener nuestro código organizado, facilitar la colaboración y mejorar la gestión de dependencias. Si estás trabajando en un proyecto con Nestjs y React, considera utilizar TurboRepo para organizar tu monorepo y mejorar la eficiencia de tu desarrollo.
Puedes encontrar la lista completa de todos los tutoriales de Nestjs en: https://fazt.dev/nestjs
Se podra configurar un monorepo con Nest y Next? Saludos y muchas gracias!
Excelente! ¿Cómo crees que vercel despliega el monorepo si tienes en dist/ un main.js en lugar de html? Yo no lo he logrado aún.
tengo un proyecto con vite y el otro con typescript y express. Cuando corro el dev el back me reconoce el static de vite, pero despues del build y correr el start no, porque sera?
Genia!!!!!!
Excelente aporte!!! Gracias por tu trabajo y dedicación.
Es posible ampliar esto para que multiples apps de front consuman la api ?
Excelente vídeo Fazt, acabo de hacerlo pero con un front en Angular y funcionó a la perfección, ahora sí a configurar el resto de cosas para dejarlo al 100%, muchas gracias por el tuto crack!
Un gran plus sería poder ver cómo correrlo en vercel 🙂
uno con nx podrias hacer?
Parce! Siempre pendiente de los videos!! Aprendiendo del mejor. Es posible que hagas un video acerca de Progress 4GL? Específicamente para conocer mejor su lenguaje ABL y su creador de aplicaciones OpenEdge.
La carpeta client sí debe de tener los node_modules? porque la aplicación api no lo tiene
Genio Total! Este video me cayo del cielo para mi proyecto final de la facultad, grande Fazt!
Esta genial el video pero ¿Qué ocurre si se intenta realizar un Monorepo con NextJS y NestJS? ¿No se generá un conflicto? Ya que NextJS no generá un sitio estático.
La verdad todavía no llego al nivel para entender todo lo del video, pero de cualquier manera los veo por si se me queda algo e ir conociendo tecnologías
Grandiosos 23 minutos, qué gran decisión fue verlo!
Buen video, tienes algún video relacionado con Django Channels? Tengo dudas respecto a la transferencia de archivos o imágenes por Web Sockets
Excelente video Fazt! muchas gracias por compartir, NEST cada vez me llama más..
Duda, tienes planeado hacer un video acerca de Drizzle? Está subiendo el hype con los cambios en la nueva versión, crees que destrone a Prisma?
Nuen video Fast.
Una pregunta crees que puedas hacer proyectos un poco mas de nivel intermedio/avanzado con NestJs como mostrar el uso de middleware's y ese tipo de cosas?
Se podria hacer un monorepo con express en webpack… o algo y vite ?