,

A Practical Tutorial on NestJS, React, MongoDB with Typescript

Posted by








Nestjs React Mongodb con Typescript – Tutorial Practica

Nestjs React Mongodb con Typescript – Tutorial Practica

En este tutorial te guiaremos a través de la creación de una aplicación completa utilizando NestJS, React, MongoDB y Typescript. Este tutorial práctico te ayudará a comprender cómo integrar estas tecnologías modernas para crear una aplicación web escalable y robusta.

Pasos a seguir:

  1. Configuración de NestJS y MongoDB: Comenzaremos creando un backend con NestJS y configurando una base de datos MongoDB para almacenar y manipular los datos de nuestra aplicación.
  2. Desarrollo de la API REST: Aprenderemos a crear endpoints para manejar peticiones GET, POST, PUT y DELETE utilizando NestJS.
  3. Integración con React: Una vez tengamos el backend listo, nos enfocaremos en la creación de la interfaz de usuario utilizando React. Aprenderemos a consumir la API REST que creamos en el paso anterior para mostrar y manipular los datos en nuestra aplicación web.
  4. Manejo de Estado con Redux: Utilizaremos Redux para manejar el estado de nuestra aplicación y mantener los datos de manera centralizada.
  5. Implementación de Typescript: A lo largo de todo el proceso, estaremos utilizando Typescript para asegurar la integridad y consistencia de nuestros datos y código.

Requisitos:

Antes de comenzar, asegúrate de tener instalado Node.js, MongoDB y Git en tu computadora. También necesitarás tener conocimientos básicos de Javascript, Node.js, React y MongoDB.

Conclusion:

Al finalizar este tutorial, tendrás una aplicación completamente funcional que te servirá como punto de partida para futuros proyectos. Habrás obtenido experiencia en el desarrollo de aplicaciones web utilizando tecnologías punteras como NestJS, React, MongoDB y Typescript. ¡Esperamos que disfrutes y aprendas mucho con este tutorial práctico!


0 0 votes
Article Rating
25 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Fazt Code
1 year ago

Video Extra del despliegue completo del Proyecto de forma gratuita en Railway:
Despliegue del Proyecto ⮕ https://youtu.be/lW5WNwKWV2U

RemSystem
1 year ago

me da Unable to connect to the database. Retrying (4)…

[Nest] 16900 – 01/11/2023, 11:40:35 ERROR [MongooseModule]

Unable to connect to the database. Retrying (5)…

[Nest] 16900 – 01/11/2023, 11:41:08 ERROR [MongooseModule]

[Nest] 16900 – 01/11/2023, 11:42:47 ERROR [MongooseModule] Unable to connect to the database. Retrying (9)…

[Nest] 16900 – 01/11/2023, 11:42:47 ERROR [ExceptionHandler] connect ECONNREFUSED ::1:27017

al lanzar la primer get.

duvan castro
1 year ago

cuales son todas extensiones usas en visual code?

Joel Abdiel May Canche
1 year ago

Buena aportación. Clara, precisa sin rodeos. Master @FaztCode

yorozuya
1 year ago

estaria guay aplicar un patron con CQRS con NestJS para hacerla mas escalable

Marcos Correa
1 year ago

Que bueno que esta NestJs, me encantó. Y muy bueno el tuto, me sirvió para refrescar MongoDB, y ya de paso meto un poco de mano a React que le venia escapando. Gracias!

Carlos araya Salfate
1 year ago

Me sale este error y no pude resolverlo :C [Nest] 77094 – 13/07/2023, 17:47:30 ERROR [MongooseModule] Unable to connect to the database. Retrying (1)…

frankRSC
1 year ago

Como puedo tener esa terminal?

TheLotus 24
1 year ago

Fazt podrías hacer un vídeo de como hacer login con jwt y auth , y que se pueda hacer un crudo ? Poga

Alfred Tejeda
1 year ago

No estaria mal poder hacer tambien las pruebas unitarias para esto

Preguntale a vito; el code, con sentido.
1 year ago

¡Qué contenido mas valioso el que compartes! Además probablemente lo que te hace genuino es tu voz de locutor. Saludos.

Diego Villafañe
1 year ago

El verdadero maestro.

Jorge Estrella
1 year ago

Cual es mas recomendable? Nestjs con angular o nestj y react…

Gino Loja
1 year ago

Lo que necesitaba

Paul Alexander Diaz Velez
1 year ago

me sale ese error de conexion
MongooseServerSelectionError: connect ECONNREFUSED ::1:27017

Silvia Pérez
1 year ago

Hola! En el Thunder Client me dice "Connection was refused by the server."

Paul Alexander Diaz Velez
1 year ago

la shell de mogo me da este mensaje xq
The server generated these startup warnings when booting

2023-06-01T00:52:53.968-05:00: Access control is not enabled for the database. Read and write access to data and configuration is unrestricted

——

Warning: Found ~/.mongorc.js, but not ~/.mongoshrc.js. ~/.mongorc.js will not be loaded.

You may want to copy or rename ~/.mongorc.js to ~/.mongoshrc.js.

Edu Falcon
1 year ago

Un auth con jwt con Nestjs y mongoose

MexicanDevelopers
1 year ago

mustranos un tutorial de tdd en react por fa amigo Fazt

MORO
1 year ago

Fazt porque no nos enseñas algunos programas de ethical hacking o hacking porfa.