midudev
Rutas dinámicas y Data Fetching con NextJS y usando Firebase Admin 🔥
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.459 visualizaciones
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
-~-~~-~~~-~~-~-
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
-~-~~-~~~-~~-~-