Buscador de usuarios en Github: Next 13, Tailwind, Typescript, Dark Mode | Tutorial 2023

Cursos Premium:

#nextjs13 #tailwindcss #typescript

00:00 Instalación Next 13
00:24:54 Order Class Tailwind
00:46:32 Fuentes en Next 13
00:58:43 Subiendo Proyecto a Github
01:00:11 Enrutamiento en Next 13
01:03:36 Navbar
01:26:31 Card Info User
01:43:31 Grid Area
02:39:53 Consumir API Github
03:29:52 Componente Image (Next)
03:36:10 Deploy Vercel
03:39:08 Dark Mode Tailwind
04:21:37 Actualizar Deploy
04:25:39 type of window & localstorage
04:34:27 Experimentos y despedida

Redes Sociales:

Mi Setup:

[DayronGonzalez-bngd]

Como siempre subiendo excelente contenido, gracias por tanto

[angelfigueroa]

Maestro bluuweb gracias por estos videos. No los puedo ver en vivo pero tener esta recopilación ordenada me viene de perlas. Y por cierto lo que dices en el 2:44:00 si tienes razón next ya metió esa forma de trabajar con el servidor con el forma action. Me encantaría un video tuyo sobre eso, parece php como trabajábamos antes jeje

[marcosantoniobustos]

Están geniales los sistemas en Android, yo administro el sistema Android autonomo en su totalidad, puro y estoy de soporte a las compañías, global todo tipo de sistemas , tengo red 5 G

[Mercurygtr]

Muy didáctico Bro ! ¿Podrías hacer un CRUD con NEXT 13.4 que ya trae los "actions"? Es cierto que está en modo ALPHA pero el crud se haría todo desde SSR. Haciendo todo desde el lado del servidor, el Crud no utilizaría los estados de React. Hay poca info en la red de esto pero lo veo GENIAL y sería vanguardista de tu parte desarrollar este nuevo paradigma que se acerca a REMIX.
Los Server Actions con "use server" es brutal el enfoque porque como dije anteriormente, evitamos el uso de useState() y de useEffect(). Soy estudiante de Next y la verdad que usar action, formAction y revalidatePath cambia TODO ! Me gustaría saber tu feedback ! Pd. Si es posible usar el crud desde Supabase sería más épico aun.

[prodrigu]

Hola bluuweb! Genial este vídeo...felicitaciones. Debo decirte que me encanta la simpleza de Tailwind y lo bien dotada de la documentación y más si en el proyecto usas Typescript, es estupendo.

Estaba siguiendo el video y me expandiste bastante la mente en eso del uso de grid-areas, que no sabía que existía. Una ardua tarea pero la saqué adelante (a punta de retroceder y adelantar el vídeo)

Ahora bien, lo único "malo" hasta el momento es la parte de la conexión a la API de Github, ya que el useState no me funciona en el código....aparte de esto, no entendí mucho lo del "use client". Me podrías orientar que hacer para seguir con el tutorial?

[byronloarte]

Excelente video, cual es el tema que utilizas?

[pisciana]

Hola que tal? estaba interesada en comprar tu curso de Next de udemy, pero necesito que me enseñen a consumir APIs y peticiones put, delect, etc, de una api ya creada. Ya que yo ya tengo una api en otro lenguaje, y he visto que en todos los cursos utilizan Prisma para crear todo ahi, y no me sirve.. en tu curso explicas lo que es front end sin prisma y sin crear una api?

[eliecersmora]

bluu andabas desaparecido amigo, se te extrañaba con los directos por aqui. estas enseñando typescript desde 0 ??

[joseysusamigos]

deberias hacer algún tuto de QWIK varias comunidades andan hablando de ello.

[daviardev]

es normal que haciendo el proyecto el navegador deje de responder y no pueda hacer nada? se queda trabado y cada vez que recargo me deja moverme, pero al cabo rato todo se congela, para el proyecto estoy usando js, es un problema de mi equipo o de que

[cristianbarrios]

Hola, vi que para el curso de React hay que ser miembro. Soy de Argentina y me aparece para pagar 20$ por mes, esto es en dólares o pesos argentinos?, Gracias y excelente canal.

[jesusvelasco]

Me desanima cuando le incluyen tailwind no me gusta para nada ese frame