Buscador de usuarios en Github: Next 13, Tailwind, Typescript, Dark Mode | Tutorial 2023
En este emocionante tutorial, aprenderás a crear una aplicación de búsqueda de usuarios de GitHub utilizando las últimas tecnologías web. Combinaremos Next.js, App Router, TailwindCSS y Typescript para construir una experiencia de usuario fluida y moderna. Además subiremos la aplicación web a Vercel y aplicaremos Dark Mode utilizando las ventajas de TailwindCSS. ? Aprende React aquí: https://bit.ly/3JCSsht ? Guía con códigos y definiciones: https://bluuweb.dev ? Extensiones VSCode: https://bit.ly/3Oh62Ms ? FrontendMentor: https://bit.ly/42JEdkm ? Código Final Github: https://bit.ly/3ob1soq Cursos Premium: ? HTML + CSS + Bootstrap 5: https://bit.ly/3iyMBh3 ? Vue 3 + Firebase: https://bit.ly/3IwyHGJ ? React + Firebase: https://bit.ly/3JCSsht ? HTML y CSS (gratis): https://bit.ly/3PM4x5U #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: ? https://bluuweb.dev ? Discord: https://bit.ly/3lpz7J2 ? https://www.twitch.tv/bluuweb ? https://www.instagram.com/bluuweb_youtube ? https://www.facebook.com/bluuweb ? https://twitter.com/bluuweb ? Regala un Cafecito para bluuweb: https://www.paypal.me/bluuweb Mi Setup: ⭐️ Teclado Mecánico: https://amzn.to/3Ns6fdK ⭐️ Audífonos: https://amzn.to/3pwrzqt ⭐️ Micrófono: https://amzn.to/3JH4tV7 ⭐️ Monitor: https://amzn.to/3NTt8Iu ⭐️ Procesador: https://amzn.to/3raD4EC ⭐️ Tarjeta de Video: https://amzn.to/437t78b
En este emocionante tutorial, aprenderás a crear una aplicación de búsqueda de usuarios de GitHub utilizando las últimas tecnologías web. Combinaremos Next.js, App Router, TailwindCSS y Typescript para construir una experiencia de usuario fluida y moderna. Además subiremos la aplicación web a Vercel y aplicaremos Dark Mode utilizando las ventajas de TailwindCSS. ? Aprende React aquí: https://bit.ly/3JCSsht ? Guía con códigos y definiciones: https://bluuweb.dev ? Extensiones VSCode: https://bit.ly/3Oh62Ms ? FrontendMentor: https://bit.ly/42JEdkm ? Código Final Github: https://bit.ly/3ob1soq Cursos Premium: ? HTML + CSS + Bootstrap 5: https://bit.ly/3iyMBh3 ? Vue 3 + Firebase: https://bit.ly/3IwyHGJ ? React + Firebase: https://bit.ly/3JCSsht ? HTML y CSS (gratis): https://bit.ly/3PM4x5U #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: ? https://bluuweb.dev ? Discord: https://bit.ly/3lpz7J2 ? https://www.twitch.tv/bluuweb ? https://www.instagram.com/bluuweb_youtube ? https://www.facebook.com/bluuweb ? https://twitter.com/bluuweb ? Regala un Cafecito para bluuweb: https://www.paypal.me/bluuweb Mi Setup: ⭐️ Teclado Mecánico: https://amzn.to/3Ns6fdK ⭐️ Audífonos: https://amzn.to/3pwrzqt ⭐️ Micrófono: https://amzn.to/3JH4tV7 ⭐️ Monitor: https://amzn.to/3NTt8Iu ⭐️ Procesador: https://amzn.to/3raD4EC ⭐️ Tarjeta de Video: https://amzn.to/437t78b