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
-~-~~-~~~-~~-~-
Видео SEO con React y Deploy integrado con GitHub канала midudev
► 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
-~-~~-~~~-~~-~-
Видео SEO con React y Deploy integrado con GitHub канала midudev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
React Course - Advanced - SEOGoogleBot 🤖, SEO y Estrategias de Renderizado con REACT ⚛️ con Eduardo Garolera(CI/CD): Deploy Next.js (SSG) to GitHub Pages using GitHub ActionsNODE, EXPRESS y MYSQL | APLICACION DE EJEMPLO PARA TU PORTFOLIOServer Side Rendering Vs. Client Side Rendering. ¡PROBLEMAS de SEO! ¿Prerendering es la SOLUCIÓN?Las 6 maneras de aplicar estilos CSS en ReactCómo POSICIONAR tu PÁGINA WEB NICHO en GOOGLE con SEO 💥(Actualizado 2020)How To Write Perfect* Page Titles and Meta Descriptions for SEO (2022)APRENDE a Renderizar LISTAS y ARRAYS - Curso de Svelte 🔶React Portfolio Website | Build and Deploy | Responsive Portfolio Website Tutorial for BeginnersCómo usar React.memo, mejorar el rendimiento y hacer deploy con Vercel de nuestra app de ReactParcel: A Zero-Configuration Webpack Alternative✅ 5 CONSEJOS para DESARROLLADORES JUNIORIntroduction into the JavaScript Elasticsearch ClientCómo estructurar tu project de ReactJs? Aplicamos Clean Architecture en Front End - #part1Aprender SEO en React y Next.jsReact Server Side Rendering Introduction For Beginners - ReactJS ssr with ExpressjsAprende React.js desde CERO | Creando web de películas