Rutas dinámicas y Data Fetching con NextJS y usando Firebase Admin 🔥

Lección 5 de 771%

Ya has superado la mitad. Estás muy cerca de completar el curso.

Sobre esta lección

En la clase de hoy vamos a añadir en nuestro clon de Twitter la posibilidad de abrir un solo Tweet. Para ello necesitaremos una ruta dinámica ya que la id puede cambiar. También usaremos Firebase Admin, ya que queremos hacer esa operación en el servidor o en tiempo de compilado. Y veremos diferentes formas de hacer el fetching de datos para hacer esto funcionar. ~ Enlaces 🔗 ~ Repositorio con el código: https://github.com/midudev/curso-nextjs-twitter-clone ~ Segmentos 📹 ~ 00:00 - Presentación 04:45 - Retomando nuestro proyecto 07:26 - Creando nuestra primera ruta dinámica 13:40 - Usando el archivo _app.js para el layout de nuestra app 18:27 - Preguntas sobre el layout 21:11 - Arreglando la etiqueta date a time. 22:15 - Preguntas y respuestas I 32:20 - Creando conexión a Firebase Admin 37:53 - Creando endpoint para recuperar un Tweet 45:33 - Navegando con Link a una ruta dinámica en NextJS 53:32 - Preguntas y respuestas II 58:50 - Navegando con Router.push a una ruta dinámica en NextJS 01:01:35 - Data fetching con NextJS 01:03:15 - getInitialProps en NextJS 01:20:35 - Preguntas y respuestas III 01:26:12 - getServerSideProps en NextJS 01:29:18 - getStatciProps en NextJS 01:42:02 - Usando fallback en getStaticPaths 01:53:10 - Conclusiones finales y despedida ~ Etiquetas 🏷 ~ #getInitialProps #getServerSideProps #getStaticProps -~-~~-~~~-~~-~- ¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore" https://www.youtube.com/watch?v=8ZA2p1SBssk -~-~~-~~~-~~-~-

Sobre este curso

Vamos ido construyendo paso a paso y desde cero un clon de Twitter usando NextJS, el framework de React de Vercel, y Firebase.

Lección 5 de 7Nivel: principianteDuración total: 13h 17m

Lo que aprenderás en este curso:

  • Dominar la sintaxis moderna de JavaScript (ES6+)
  • Manipular el DOM y gestionar eventos del navegador
  • Trabajar con funciones asíncronas, promesas y APIs
  • Implementar estructuras de datos y algoritmos en JavaScript