Tutorial Login con Autenticación desde cero | NextJS y React

Hola mi gente, hoy te enseñaré desde 0 cómo agregar un login a tu página, y como programar un flujo de autenticación con base de datos y encriptación con Bcrypt. Estaremos usando el genial Framework NextJs que funciona junto con React. Como base de datos usaremos MySQL pero cualquier otra servirá.

Si tienes más dudas escríbelas en la caja de comentarios y te responderé :)

Código Morsa en facebook!

Código Morsa en instagram!

Una vez termines el video, tienes como TAREA:

- Agregar una pagina para registrar usuarios nuevos
- Una funcion en databaseService para crear usuarios en la database usando knex. El password debe ser hasheado antes de ser guardado usando bcrypt.
- Un endpoint POST para crear usuarios llamando al servicio databaseService

[manuelcastillo]

Cristóbal Colón descubrió América y hoy yo te descubrí a ti, que suerte. Cómo explicas y las informaciones que das hacen muy ameno el video, muchas gracias por tu tiempo. 🎉

[Eduardo_Olea]

Este es uno de los mejores videos que he visto hasta ahora

[manu-gtgr]

que copado, estaría bueno uno así pero con spring para otro video!

[icedev]

D: una morsa envíando códigos que fuerte, definitivamente todo esta en YouTube mu fuerte mu fuerte :p

[code_castle]

Me suscribo ..
Parece que tienes grandes cosas que enseñar.

[colommbiano]

excelente video lo recomiendo muchas gracias

[alekelbar]

Me siento redirectado con este tutorial, like.

[deinerfuentes]

me salelib\session.js (4:25) @ withSession

2 |
3 | export default function withSession(handler) {
> 4 | return withIronSession(handler, {
| ^
5 | password: process.env.SECRET_COOKIE_PASSWORD,
6 | cookieName: "codigo_morsa_auth_session",
7 | cookieOptions: {

[miguelbarrera]

Hola, tengo una duda sobre la estructura del proyecto. ¿Estamos aplicando algún patrón de diseño específico al utilizar la base de datos a través de las funciones en databaseService? ¿Deben declararse todas las funciones que interactúan con la base de datos en este archivo? Por ejemplo, si tenemos un formulario y queremos insertar los valores en una tabla de la base de datos.

Muy buen video. 👍👍

Hola Master, genial tu video, consulta que editor usas para conectarte a la base de datos?

[JavierGopar]

Hola, buen video, tengo la duda de que tan valido seria para estos casos en lugar de hacerlo con API hacerlo directamente ejecuntando las funciones a la bases de datos para hacer usar de las caracteristicas de Next lo cual lo permite hacer en en el backend sin necesidad de Api, posiblemente sea mas práctico e igualmente funcional, que opinan.?

[TheNefelin]

no cache como en un archivo tienes Client Side y Server Side... osea nunca vi el 'use client'... me perdí alli

[yuliamosorio]

Hola, al momento de inicar sesion me aparece este error: Password string too short (min 32 characters required)
Alguna solucion o ayuda ?

[aaron]

tienes uno igual pero consumiendo api externa que devuelve jwt ??

[nohaxito]

Hola, que cambios debería de hacer para usar mongodb en vez de MySQL?

[JesusGil]

Puede ser un 401 pero veo que nadie se pone de acuerdo xD

[williamsernesto]

el git no lleva el env.example... y no lo muesta "porque tiene la base de datos local" jajajaja

[TellezTube]

Vas demasiado rápido. Supongo que no es para principiantes...

[yuliamosorio]

Hola, al momento de iniciar sesion me aparece este error: Error: Password string too short (min 32 characters required)
at Object.seal (C:\Users\Yuliam
at Object.save (C:\Users\Yuliam
at saveSession
at eval
at async Object.apiResolver (C:\Users\Yuliam
at async DevServer.runApi (C:\Users\Yuliam
at async Object.fn (C:\Users\Yuliam {
data: null,
isBoom: true,
isServer: true,
output: {
statusCode: 500,
payload: {
statusCode: 500,
error: 'Internal Server Error',
message: 'An internal server error occurred'
},
headers: {}
}
}

alguna solucion o ayuda ?