Gatsby ofrece una interfaz para que paquetes de NPM que puedes instalar en tu proyecto, puedan agregar funcionalidad a tu sitio a través del uso de los archivos APIs de tu proyecto, de los que ya hablamos en otro tema.
A través de estos plugins, los autores pueden empaquetar funcionalidad predefinida que se puede reutilizar en todos tus proyectos de Gatsby.
A través de plugins puedes integrar librerías externas del Frontend, agregar fuenetes de datos (más de esto en los próximos temas), integrar temas, etc.
Puedes usar la herramienta de exploración de Gatsby para buscar plugins que puedan servir para tu proyecto.
Una vez que encuentres un plugin que necesites, debes instalarlo usando NPM o yarn, dependiendo del manejador de paquetes que uses. Luego debes enlistar el proyecto en el archivo gatsby-config.js en la propiedad plugins.
module.exports = {
plugins: [] // Aquí van tus plugins
}
En los siguientes vídeos veremos ejemplos de la instalación y configuración de varios plugins que puedes usar con React.
-
Módulo 1 | 3 clases
Introducción
expand_more -
Módulo 2 | 9 clases
Fundamentos
expand_more-
play_circle_outline
Clase 1
Iniciando un proyecto de Gatsby
-
play_circle_outline
Clase 2
Gatsby starters
-
play_circle_outline
Clase 3
Creando mis primeras páginas
-
play_circle_outline
Clase 4
Componentes de React
-
play_circle_outline
Clase 5
Links
-
play_arrow
Clase 6
Qué son los plugins de Gatsby
-
play_circle_outline
Clase 7
API Files Gatsby
-
play_circle_outline
Clase 8
Servidor de graphql
-
play_circle_outline
Clase 9
Para qué usar graphql
-
-
Módulo 3 | 6 clases
Trabajando con assets
expand_more-
play_circle_outline
Clase 1
La carpeta de assets estáticos
-
play_circle_outline
Clase 2
Importar imágenes con webpack
-
play_circle_outline
Clase 3
Gatsby Image
-
play_circle_outline
Clase 4
Gatsby Image - Dimensiones fluidas
-
play_circle_outline
Clase 5
Configuraciones adicionales de Gatsby Image
-
play_circle_outline
Clase 6
Importar hojas de estilo globales
-
-
Módulo 4 | 5 clases
graphql y fuentes de datos
expand_more -
Módulo 5 | 4 clases
Estilos
expand_more