Nextjs & MySQL CRUD con TailwindCSS (Backend y Frontend)

Este es un ejemplo práctico de como integrar la base de datos SQL MySQL dentro de Nextjs, para crear una aplicación que nos permita hacer las operaciones CRUD tipicas. Ademas estilizaremos la aplicación usando el Framework de CSS TailwindCSS

Código del Ejemplo

Indice
00:00 Introducción
00:45 Project Setup
08:49 Next Routes
17:55 Conexion a MySQL
28:11 Guardar Datos
44:03 Listar Datos
56:16 Guardar Datos desde React
01:05:48 Eliminar Datos
01:29:53 Actualizar Datos
01:49:48 Manejo de Errores
02:08:45 TailwindCSS

Videos Recomendados:

👨‍💻 ¿Qué servicios utilizo?

🌐 Redes:

#nextjs #mysql #tailwindcss

[jonathanvera]

Fazt muchas gracias eres el mejor, soy abogado y contigo aprendí a programar, gracias a ti ya hice sistemas administrativos, paginas de internet, tiendas en línea y PWAs, de verdad muchas gracias.

[celinainesalsina]

Ojalá estés ganando mucho dinero porque te lo merecés. Gracias !!

[xaviermutizabal]

Acabo de seguir el ejemplo, está excelente. Lo único que hay que cambiar al día de hoy es cuando se ejecutan los <Link> <a> es incorporar legacyBehavior dentro de la etiqueta Link, es decir queda <Link blablabla legacyBehavior> <a></a></Link>

[vlad]

Mis respetos señor, hace 4 años que veo tus videos y ahora acabo de conseguir mi primer trabajo 100% remoto. Y como yu hay muchos otros colegas que tienen una mejor calidad de vida gracias a ti. Me encanaría poder contarte toda la historia, saludos desde México. ¡Éxito!

[Dj-jose-vi.]

Me hiciste muy feliz @Fazt Code. me funciona perfectamente la base de datos. Era un tema, que yo personalmente, tenía muchas dudas, pero con tus explicaciones he podido resolver mis dudas. Muchas gracias. You 're the best.

[VforVanish]

Fazt la comunidad hispana de desarrollo está en deuda contigo por tu gran labor, muchas gracias.

[roman_creatuweb]

gracias gracias estupendo ejercicio, .... felicitaciones 🥰🥰🥰😍

[tidyodooy]

Siento que este curso por alguna razón es especialmente y exclusivamente solo para mí jaja, gracias Fazt, lo estaba esperando!

[przka]

Me lo gozare como no lo imaginas.. Gracias Fazt

[andres-mora-vanegas]

Muchas gracias por el video muy claro como siempre 👏👏👏👏

[oscarclaros]

Eres un crack, aprendí muchísimo. Muchas gracias

[green-angel]

Estoy usando como base este proyecto para usar una pequeña base de datos que tengoen mysql pero surgió un problema cuando obtengo los datos de campos como "contenido" de mi base de datos viene con todas la etiquetas html <strong> <p> imagino que lo esta tomando todo como string, alguna idea para investigar. gracias

[santiagomanuelgonzalez]

Fazt, una pregunta, recomendas hacer el desarrollo backend todo en Nextjs? Entiendio que tiene algunas limitaciónes

[JuanPablo-ztvt]

hola Fazt, excelente muchas gracias por tu video, pero tengo una inquietud: cuando ingreso un carater tipo texto al input precio, no me sale ningun error y me guarda en la base de datos un 0. hize una prueba de cambiando el nombre d la tabla de base de datos y si me arroja el error normal, o ingresando el dato de tipo texto directamente desde mysql tambien me muestra el error, ya verifique y el campo PRICE ESTA EN te gradecieria mucho una respuesta... Gracias

[diegocaceres]

Fazt, si aplico este ejemplo con next 13 no tendria no cambiaria nada?

[anibalasprilla]

Por otro lado, para la aplicación del SSR usando el getServerSideProps para crear el query del context lo puedo hacer de forma dinámica... no sé si soy claro... yo necesito que el usuario haga el log in, y con las credenciales obtenidas, traiga del server una información específica... de antemano gracias!

[kevinduenas]

Se más constante, se te extraña Fazt!

[helloWorldPlus]

Holaaaa. Habrá un tutorial similar para nextjs13?

[mauro]

Hola bro podrias pasar visual Studio profesional comprimido vengo de video de visual Studio code q hiciste en 2019.

[CarlosMorales-retr]

Hola Fazt! gracias por tu videos, son geniales.. Necesito integrar un Kanban Board a una pagina web que desarrolle (gracias a ti) con python y flask. Como me recomiendas que lo pueda hacer? Gracias de antemano