SEO con React y Deploy integrado con GitHub

Hoy veremos cómo añadir SEO a una aplicación generada con create-react-app.
► SUBSCRÍBETE: https://bit.ly/youtube-frontend

- Arreglaremos no poder entrar al detalle directamente por URL.
- Añadiremos metadatos usando hooks.
- Usaremos react-helmet o react-head para añadir SEO a nuestra app.
- Veremos como hacer un deploy integrado con GitHub en Vercel.

📹 SEGMENTOS:
00:00 - Bienvenida
01:40 - Arreglando el error al entrar al detalle
03:22 - Creando el servicio getSingleGif
07:00 - Creando el hook useSingleGif
15:30 - Añadiendo isLoading y isError al hook useSingleGif
18:15 - Redirect a 404 si es un error
22:00 - ¡Segmentos en mis vídeos!
23:05 - ¿Qué fuente uso para programar?
25:29 - Empezamos con el SEO con useTitle
29:30 - Recuperar el título anterior
36:45 - useSEO para añadir también la description
44:45 - Limpiando efectos en useEffect
50:20 - react-helmet o react-head para SEO
54:20 - Usando react-helmet
01:07:21 - ¿Cómo funciona el crawler de Google?
01:13:18 - Integrando deploy de Vercel con GitHub
01:21:32 - Configurando dominios en nuestros deploys
01:24:09 - Despedida

📖 RECURSOS
HTMLHead: https://htmlhead.dev/
Bundlephobia: https://bundlephobia.com/
Packagephobia: https://packagephobia.now.sh/

-~-~~-~~~-~~-~-
¡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
-~-~~-~~~-~~-~-