Nestjs React Mongodb con Typescript - Tutorial Practica

Aprende a crear una aplicacion web Fullstack usando Nestjs, el framework backend de Nodejs, junto a Mongodb como base de datos NoSQL y React como Frontend en un solo proyecto. En este ejemplo practico crearemos una web backend y frontend usando Typescript como lenguaje principal además de Mongoose, Vitejs, y otras herramientas modernas.
Despliegue del Proyecto ⮕ • Nestjs React Mongodb c...
Codigo del ejemplo practico
github.com/faz...
Indice
00:00 Introducción
02:14 Nestjs Setup
08:19 Mongoose
18:39 DTO y Class validator
27:38 Controllers
43:40 HTTP Status
52:45 React Setup
01:01:58 Task Setup
01:19:34 Task List
01:30:14 Task Controller
01:44:34 Update y Delete
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
⮕ Twitter / fazttech
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef2...
Namecheap ⮕ namecheap.pxf....
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
#nestjs #reactjs #mongodb

[@FaztCode]

Video Extra del despliegue completo del Proyecto de forma gratuita en Railway: Despliegue del Proyecto ⮕ kzbin.info/www/bejne/ooiYiIGtgLyJaLc

[@jarvs10]

solo para miembros??

[@TecnoTubeTutorials]

Muchas gracias por mantenernos actualizados con esta información

[@oh-vito]

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

[@memogranados8446]

tienes una habilidad extraordinaria para sacar videos de lo que ocupo/quiero, de verdad gracias por todo fazt, eres un crack

[@Deus-lo-Vuilt]

Lo estaba esperando , todo el dia viendo KZbin a ver cuando salia el anuncio de tu nuevo video, Gracias fazt !!

[@Epsaind]

Gracias , estos dias subiendo Next js con bases de datos y Nodejs que has estado subiendo han sido de lo mejor , gracias fazt , un abrazo

[@aguilarchavezalexisdaniel6497]

Muchísimas gracias Fazt, de verdad no hay palabras para mostrar mi agradecimiento, estoy seguro que haz cambiado vidas. Sigue así, eres muy posiblemente el mejor canal de programación, sigues subiendo material actualizado, súper bien explicado y muy disfrutable Muchas gracias 🫂

[@einmarcos]

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!

[@sirucua]

Excelente video , ojala siga mas contenido como este ! Muchísimas gracias por tanto conocimiento !

[@julianmora2918]

Gracias por seguir aquí Fast

[@johan148]

Fazt, eres genial. Debo remarcar tu calidad como maestro: habré hecho, junto a ti, 10 veces la aplicación de notas pero eso me ha servido para aprender cada uno de los lenguajes y reparar en las diferencias y similitudes. Tu tarea es alucinante, te agradezco muchisimo!

[@thenat_x]

Jaja X2 el task manager ya es un clásico

[@johan148]

@@thenat_x JAJAJAJ y lo peor es que es efectivo! Siempre tira algún tip extra en frontend

[@johnherrera5913]

Master!!! muchas, pero muchas gracias!!! estuvo genial el video!

[@eltonsantosoficial]

Era exactamente lo que necesitaba hoy, gracias! ❤

[@aguilarchavezalexisdaniel6497]

Un día deberías hacer un setup tour para que todos conozcamos el lugar donde nacen tantos proyectos tan buenos, saludos

[@carlosarayasalfate5899]

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)...

[@adrielpezo2479]

X2

[@jairoandresvizuetepedraza5492]

Excelente! muchas gracias por tu aporte Fazt 🥳

[@Vl4ck]

Genial, estaría bueno un curso de angular 17 con nestjs 😎

[@404-not-found-service]

Me gustaría poder ver mas proyectos de esto para poder integrar todas las demas opciones que tiene Amplify

[@ginoloja466]

Lo que necesitaba

[@diegovillafane6313]

El verdadero maestro.

[@codigito]

Gracias por los videos un placer comomsiempre compa

[@brianross1972]

sos un grande fazt

[@joelabdielmaycanche9045]

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

[@astrixwr5662]

esto me servira de mucho!, gracias fazt!

[@joseluis-jp12]

podrías hacer un video de testing con nestjs, ya sea tdd o pruebas unitarias, excelentes videos!

[@racedevweb]

Amo este framework ❤

[@manuelcabrera6990]

Importante mencionar que aquellos que estan utilizando mongoDB como local base data por primera vez, deben instalar MongoDb Community Edition . SI no, les aparacera el error : ERROR [MongooseModule] Unable to connect to the database ....

[@lautarojuarez6690]

gracias bro!!

[@RemsystemCorpo]

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.

[@silviaperez9680]

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

[@EmanuelPontoni]

¡Hola! Excelente video. ¿Creaste contenido sobre los mono repos? Gracias !

[@JoseLuis-yl8vs]

Excelente contenido, lo que nunca eh encontrado en la red es tutoriales pero para app saas seria bueno algo asi, multitenant con distintas bases de datos manejo de conexiones etc

[@AutomationSnippets]

No estaria mal poder hacer tambien las pruebas unitarias para esto

[@altairrojas3096]

Capo

[@eduardobarrientos4497]

Momento momento momento, como formateaste en el 27:09? Se ve genial

[@sataniachya1840]

muy buen video, ando algo mal con nest y me ayudo bastante, also, que usas para que vs code te tire con sugerencias de codigo?, veo que algunos lo usan y no se que es

[@duvancastro224]

cuales son todas extensiones usas en visual code?

[@elprogramadorskrt518]

ey fazt deberias hacer video implementando el poo y explicando los patrones de diseño con este tipo de proyectos

[@yorozuya6115]

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

[@breaper03]

estaria kul que hicieras un tutorial sobre microservicios en nestjs, trabaje con ellos en mi ultimo trabajo y ahora no recuerdo como implementarlos xd

[@manuelmorales4363]

Fazt cual es tu color theme?? Me gusta demasiado, apreciaria que me lo puedas compartir :D

[@mexicandevelopers6469]

mustranos un tutorial de tdd en react por fa amigo Fazt

[@andresborja2363]

🎉

[@cristianjulianmurcia8038]

Men, en el back todo sin errores pero me rechaza la conexón: "Unable to connect to the database." :(

[@Holri]

Master 👹

[@edufalcon9906]

Un auth con jwt con Nestjs y mongoose

[@elsergioz]

+Fazt Code, por favor te pido realizar o interactuar la API de Woocommerce con React. Abrazo de Gol.

[@jorgeestrella917]

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

[@FaztCode]

Al final es más una preferencia del desarrollo frontend, al final ambos frameworks frontend llegan a ser simples archivos estáticos de HTML, css y JavaScript

[@luismiguelvalvaslinares2631]

No se puede usar Nestjs con ORACLE o Sqlserver ?

[@darrenvargas3649]

Puedes usar algún ORM como typeORM, que ya soporta estos motores de base de datos.

[@luismiguelvalvaslinares2631]

@@darrenvargas3649 Gracias , investigare mas sobre ello

[@eltonsantosoficial]

github not found, please update

[@FaztCode]

listo: github.com/fazt/nestjs-react-mongodb

[@juanibocchi9979]

Fazt, tengo instalado mongoDB pero aun asi no me deja conectar con ese connection string, porque será?

[@FaztCode]

ademas de tenerlo instalado recuerda que debe estar ejecutandose. intenta conectarte primero a Mongodb desde consola, usando el comando: mongosh si puedes conectarte significa que mongodb se esta ejecutando, sino tienes que iniciarlo primero Otra solucion es usar mongodb atlas: kzbin.info/www/bejne/b2ipl4t7rpatl9U simplemente te registras y la url la reemplazas en lugar de mongodb://localhost/tasksdb

[@TheLotus24]

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

[@rodrigojavier7661]

Hey bro!

[@frankRSC]

Como puedo tener esa terminal?

[@FaztCode]

Aquí lo expliqué kzbin.info/www/bejne/mmrcYZ9trr5nZpY

[@frankRSC]

@@FaztCode Muchas gracias!

[@moro3797]

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

[@poldiaz]

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

[@MrRoocs]

Yo tuve el mismo error, lo resolvi cambiando la uri de app.module.ts era: 'mongodb://localhost/nest/tasksdb', por 'mongodb://127.0.0.1:27017/tasksdb' aqui esta lo documentacion donde mencionan por que utilizarlo: mongoosejs.com/docs/connections.html

[@poldiaz]

@@MrRoocs gracias

[@ignaciodamiang]

Hola Fazt! No se vé el projecto en github! Muchas gracias por el tutorial :)

[@FaztCode]

Hola Ignacio, lo acabo de colocar en publico, gracias por el aviso: github.com/fazt/nestjs-react-mongodb

[@ignaciodamiang]

@@FaztCode gracias a vos genio! Saludos!

[@hernanbphb]

[Nest] 96984 - 05/29/2023, 12:56:52 AM ERROR [MongooseModule] Unable to connect to the database. Retrying (2)... por que me dice esto? hice el video al pie de la letra xD, me paso cuando quise probar el endpoint del get por primera vez

[@FaztCode]

Ese error es de conexión a la base de datos de MongoDB. Es decir debes tener MongoDB instalado en tu computador

[@MrRoocs]

@@FaztCode Debe estar ejecutandose en alguna terminal con 'mongod'?

[@edwinponguta9068]

Falta uno utilizando angular en el fron

[@FaztCode]

kzbin.info/www/bejne/d56pkHWKr6-XfLs

[@peladno]

el problema de railway es que no alcanza a durar el mes de uso, es mejor usar mejor render

[@poldiaz]

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.