Resend - Correos faciles desde Nodejs, React, Nextjs y otros Frameworks

Подписаться 262 тыс.

Просмотров 29 тыс.

50% 1

Resend es un servicio de correos transaccionales, es decir un servicio que permite enviar correos de forma programada a muchos usuarios, que soporta una gran cantidad de lenguajes de programación y posee una configuración sencilla para poder empezar a enviar correos desde tus aplicaciones web. En este tutorial crearemos dos ejemplos prácticos, uno usando Nodejs, y otro usando Nextjs en donde también aprovecharemos su capacidad para poder entender componentes de React.
Articulo escrito del tutorial:
faztweb.com/co...
🛒 Fazt Web
Tienda Online: store.faztweb....
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/py...
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
⮕ Github: github.com/fazt
⮕ 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
Notion ⮕ affiliate.noti...
Puedes encontrar la lista de tutoriales de React en:
faztweb.com/ne...
#nextjs #nodejs #reactjs

Опубликовано:

3 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 87

@Devniel54 Год назад

Estoy haciendo un proyecto y fazt va de la mano con lo que necesito cronJs y ahora resend 🙏🏼 capo

@ronalrojas9380 Год назад

Grandioso, me sirve mucho esto, justo ahora que en la universidad me están pidiendo crear una red social y esto de resend me puede servir como un agregado extra gracias fazt

@danielperez6670 Год назад

Hola Fazt, últimamente he estado aprendiendo React, Node y Next js, para integrar pequeñas funcionalidades en la empresa en la que trabajo, resend me cae perfecto para probar emails desde un módulo de clientes que creé, el tema es que me gustaría ver más vídeos de resend, y si es posible trabajar con información de una base de datos, Gracias fazt❤

@luisvasquez6971 Год назад

Justo sacas videos de los temas que necesito. Cuando sea grande quiero ser como tú. Gracias Fazt 🙏🙏

@facundocaceres2023 5 месяцев назад

La parte más importante de la verificación del dominio para que resend realmente envíe mails no está en este vídeo. Lamentablemente hace que el video sea inutil. Es la primera vez que me fallas Fazt. Tu contenido siempre es de gran calidad.

@delatinoanipon 5 месяцев назад

Yo no se pero nunca he podido terminar un video de este amigo, no se xq son tan aburridos creo que es la voz, o que habla demasiado rapido no es agradable

@facundocaceres2023 5 месяцев назад

@@delatinoanipon Yo sí lo he hecho y puedo decir que su contenido es muy bueno y su enseñanza muy simple y entendible.

@francoandresdiaz1708 Год назад

Sos olo mas grande que existe, deberias tener 100M de suscriptores. Gracias por todo Fazty.

@rogeliosuleta3314 Год назад

Excelente video. Podrias hacer uno utilizando solo react. Y enviando por req.body asi vemos como se haria ahi.

@enmanuelrondon5545 6 месяцев назад

amigo sabes si se puede usar en react???

@rogeliosuleta3314 6 месяцев назад

es que eso mismo pregunte jajaja@@enmanuelrondon5545

@ezequielgarcia4609 Год назад

Que bueno como siempre, esto me va a venir de lujo, eres un verdadero crack, me encanta fazt 😊😊

@Deus-lo-Vuilt Год назад

Gracias fazt , como siempre excelente material el que compartes 🎉

@CeratiGilmour Год назад

ajajjaaja Me leíste la mente, justo necesita. Si sr. Algunos ejemplos más 🎉

@tomas_ar5563 Год назад

Muy buenoo y bien explicado, me gustaría que muestres como darle formato y implementarlo en tu página para que se comuniquen con vos

@NagadGames Год назад

Creo que falto un poco mas de explicacion fazt o cubrir mas casos, lo digo porque me di cuenta que solo puedo enviarme correos al email registrado en resend, queria saber que se podia hacer en ese caso

@gerardoturin1999 10 месяцев назад

tengo el mismo problema, ya que en un proyecto web que estoy desarrollando, al registrarme con otro correo, no recibo el email para confirmar la cuenta.

@EmilLawliet 6 месяцев назад

porque el tipo del video no explica bien la parte del dominio y para poder enviar cualquier correos necesitas configurar el dominio en resend cosa que este tipo en este video lo explica a medias, sin esa configuración solo puedes hacer pruebas enviando correos al mail de tu cuenta

@alexmallen 9 месяцев назад

Gracias por el vídeo, me ha sido muy útil

@kar367 Год назад

Que bien, justo lo necesitaba ❤

@cristiannerylozada4713 3 месяца назад

Genial ayuda ❤❤

@Sebacodex 6 месяцев назад

Muy bueno, pero creo que el mejor ejemplo seria con formulario, en especial el famoso de contacto o contact form.

@valentinsacco Год назад

Excelente video fazt, estaría bueno un vídeo usando Next Auth con EmailProvider para la autenticación y usando el nuevo adaptador de Next Auth para Drizzle.

@arielangelsantillanreyna2947 Год назад

Hola @Fazt Muchas gracias por estos videos, la verdad eres todo un pro. Tu manera de explicar es excelente. Quisiera preguntarte si conoces alguna forma de enviar correo desde el lado el Fronted con React, estoy varios dias intentandolo y puedo lograrlo. De antemano muchas gracias.

@germanastudillo3664 Год назад

Muchas gracias por tu gran ayuds, justo necesitaba enviar correos desde mi portfolio. Por cierto, ya no utilizas Linux?

@daustinnmusic Год назад

Genial 🎉

@xXkeissiusXx 11 месяцев назад

Entonces no compila tailwind ? entonces tampoco se le podría pooner otro tipo de componente ? y como se configura un dominio ? el mío llega 3 días y aún sigue diciendo "Pending" Pero muchas gracias por el video !!!

@dextroyerxx 3 месяца назад

@Fazt una consulta, como calbio en correo remitente, es decir, el correo del cual envio. Puede ser un correo corporativo? le tengo que dar algun tipo de acceso desde el correo corporativo? Gracias, excelentes videos, arriba Perú

@Djoako22 Год назад

Muy bueno, gracias!

@arturogajardo9290 Год назад

podrias hacer un fomulario de contacto porf avor

@emmanuelherrera8359 11 месяцев назад

Que tal estaria genial que hicieras un video donde lo integres con Supabase

@zilondequadrosmaciel1006 Год назад

Sr Fazt por favor ace una aplicacion en React com creacion de Tasks com master detai, gracias

@resendlabs 11 месяцев назад

Muy bueno!

@valentinbennitez 6 месяцев назад

Un golaso. Sabes si se pueden enviar imagenes pero como header? Vi que se puede como attachments pero no como encabezado

@benjaminconcha5 Год назад

Has probado postmark? Si es así cuál te gusta más?

@damianalcalaylopez7229 11 месяцев назад

Hey Fazt! Gracias por el video me ha servido mucho Por casualidad conoces alguna manera de agregar un archivo pdf o imagen al mensaje?

@yopuesquienmas9149 6 месяцев назад

se puede usar con vue?

@juan83xd Год назад

increible

@pablocs542 6 месяцев назад

Intento tomar el correo destino de una base de datos mongo que ha sido confeccionada por un usuario en la tabla de clientes, pero lo que se debe enviar es un link donde descargar un documento que esta referenciado o vinculado a dicho cliente... si podes darme una pista de como implementar lo anterior te agradecería..

@osmanjimenez_dev Год назад

Excelente contenido bro, una pregunta que tema estás utilizando en vs code?

@FaztCode Год назад

Este es Tokyo Night Dark, aqui hay otros tambien que he usado: faztweb.com/contenido/temas-favoritos-vscode

@osmanjimenez_dev Год назад

@@FaztCode gracias

@braidata Год назад

Excelente dato y video sobre todo para cuando tienes apps con usuarios y clientes. Gracias ¿Qué usas para que VSC te ofrezca opciones de Tailwind CSS?

@FaztCode Год назад

Hay una extensión llámada tailwind intellisense que hace el auto completado que has visto :)

@braidata Год назад

@@FaztCode muchas gracias por toda tu ayuda e inspiración, hemos avanzado mucho gracias a tus tutoriales y ayuda.

@tomyesposito9967 Год назад

Fazt que libreria me recomiendas para crear un Newsletter?

@supramaxis Год назад

seria increíble si esto se pudiera integrar con NextAuth para enviar correos de recuperar contraseña

@FaztCode Год назад

De poder hacerse, si es posible, solo que tendrías que implementarlo desde cero, porque la propia biblioteca no está enfocada en usar el correo y contraseña para la autenticación, sino el usar Oauth :)

@supramaxis Год назад

@@FaztCode si me di cuenta jsjsjs aunque clerk se ve como una muy buena opcion, ahorita me voy a informar mas viendo tu video!

@Akidev-04 8 месяцев назад

será que se puede implementar en astro?

@hidaniell Год назад

Hola @Fazt, debe haber alguna configuracion en especifico para que los estilos se apliquen en el email¿? de momento los correos de prueba que he enviado llegan sin estilo

@albertoenriquez2440 Год назад

Que usas para que te recomiende mientras vas escribiendo en vscode? Son como una especie de snippets?

@m3ndecsgo 4 месяца назад

Tengo una pregunta quizas alguien me pueda ayudar. En localhost me va genial, pero cuando desplegue mi sitio en Netlify me da el error 500 cuando envio el formulario.. Que puede ser ?

@patricioavila5796 6 дней назад

Falto la key Fazt

@GermanDorta 9 месяцев назад

Buenas Fazt, y los email solo pueden ir al correo con el que te registraste a resend verdad?

@jonathang.quispequiroz235 Год назад

Hola Fazt, se puede trabajar con gmail y outlook?

@zilondequadrosmaciel1006 Год назад

Desculpai-me, sr Fazt, em React com Javascript ou Typescript, gracias.

@eldiosshinobi2457 8 месяцев назад

tengo un problema con el cors a alguien mas le pasa ??

@julianlasoto Год назад

Me gustaría saber como integrar resend para confirmar login

@prez_roger Год назад

Sirve con Angular?

@luisfelipeevilla8504 Год назад

Hola Fazt, Conoces alguna herramienta útil para generar reportes en pdf?. Por ejemplo crear una tabla con datos, y que el usuario pueda descargarlo?

@roberto6186 Год назад

React-pdf

@luisjuarez9673 9 месяцев назад

Aqui usa ya nextjs 6:58

@allaanmcq1365 Год назад

no me funciona :c y me llego a sentir torpe por que el codigo esta ahi :c y y no puedo :c

@juanmurillo5463 Год назад

Se puede cambiar el correo de envio ?

@FaztCode Год назад

Si, como mencioné en el video registrando el dominio desde el sitio web de resend.com :)

@simoelghoufairi5771 10 месяцев назад

Cuando un vídeo más detallado.

@nicolaslaverdepena217 9 месяцев назад

Como se puede enviar un template en lugar de un HTML string? en nodejs ( no next.js)

@FaztCode 9 месяцев назад

importando el componente de React tal cual se muestra en el video

@nicolaslaverdepena217 9 месяцев назад

sin embargo uso nodejs y es version 16.15 para el backend y es imposible actualizarla a otra version superior por tema de compatibilidad con otros componentes@@FaztCode

@marzdarold 7 месяцев назад

Intente implementarlo en un proyecto con vite, pero me da error. Digamos que esta libreria solamente funciona para frameworks backend? Porque me sale un error como de derecho de auto, o nose que onda... con politicas de CORS MIs conocimientos en backend, son muy basicos, yo me especializo mas en la parte de la interfaz, pero esto haciendo un proyecto por cuenta propia para enviar correos, y como no quiero usar el servicio de email.js, nada.. por eso pregunto, si esta libreria es compatible con frameworks front-end como lo es Vite.

@pedroinsausti9823 10 дней назад

has podido al final? yo estuve intentando estos dias y me sigue tirando error

@marzdarold 10 дней назад

@@pedroinsausti9823 hola, el tema es que en si el en el video está haciendo uso de los server-actions, algo que react por defecto no tiene. O sea, si estás usando react solo, deberías crear una API aparte (ya sea Flask, express o laravel) y de ahí llamarla con fetch. Otra cosa es hacer uso de NextJs, el cual como dije anteriormente, viene integrado con los server actions. Espero que te sea de ayuda, saludos.

@antonisoria203 Год назад

⭐⭐⭐⭐⭐

@Emmanuelito182 Год назад

Me sirve, pero necesito esto mismo pero para java

@FaztCode Год назад

Resend.com también tiene una API, usándola puedes integrarla en un backend de cualquier lenguaje de programación

@Emmanuelito182 Год назад

@@FaztCode será puesto en investigación

@YusufSalahAdDin Год назад

Ahora toca pagar por todo...

@FaztCode Год назад

En realidad no, estos son servicios nuevos que otros desarrolladores ofrecen, no es que no puedas pagar un VPS y configurar tu propio servidor SMTP a un menor costo

@alesofton Месяц назад

Resend ya no deja enviar correos, solo a ti mismo, PENCA!

@jeissonvargas4982 9 месяцев назад

esto es totalmente inseguro, los proyectos Front no pueden llevar llaves porque son visible en el codigo compilado aunque sea un ENV

@hernanarica6389 7 месяцев назад

Tmb podes agregar la api key en el Env, no lo aclara pero se sobre entiende😊

@MMAA_917 6 месяцев назад

Obvio men, el pana fazt solo lo hizo para explorar la API de resend

@gonzalovillafane1644 Месяц назад

que paso fazt, te vendiste, al final esto no sirve si no verificas un dominio, pero te interesa mas hacer publicidad

@FaztCode Месяц назад

No es publicidad, es un servicio wue yo uso en mis proyectos, y todos los proveedores serios piden verificación. Otra opciones que también mostré en el canal son sengrid, brevo, y aws también tiene uno llamado SNS.