Sommario
  1. Plugins Principali
    1. gatsby-source-filesystem
    2. gatsby-image
    3. gatsby-plugin-mdx
    4. gatsby-plugin-sitemap
    5. gatsby-plugin-react-helmet
    6. gatsby-plugin-offline
  2. Source Plugins
  3. Transformer Plugins
  4. Plugins per CSS & UI
  5. Plugins per Analytics
  6. Altri Plugins

Gatsby Step 2.1 - Plugins

Aggiungere funzionalità alla tua App

Nello step 2 abbiamo fatto una breve panoramica sui plugins di Gatsby, adesso faremo una lista più esaustiva.

Plugins Principali

gatsby-source-filesystem

gatsby-source-filesystem è un plugin fondamentale in Gatsby, trasforma il filesystem in un database GraphQL.

Crea nodi File che altri plugins possono trasformare.

Ad esempio i plugins gatsby-transformer-json e gatsby-plugin-mdx trasformano rispettivamente i file .json e quelli .md ed .mdx in nodi JSON e nodi MDX che è possibile interrogare come se fossero in un database e creare con essi le pagine del sito.

gatsby-image

gatsby-image è un componente react per immagini ottimizzate, usa gatsby-plugin-sharp per creare i vari formati di immagine richiesti tramite la libreria Sharp.

Inoltre gatsby-transformer-sharp rende disponibili queste elaborazioni come se fossero una richiesta al database GraphQL.

gatsby-plugin-mdx

gatsby-plugin-mdx consente di scrivere JSX all'interno di files MarkDown.

gatsby-plugin-mdx-embed consente di incorporare facilmente filmati YouTube, post di Twitter, TikTok, tavole di Airtable e tanto altro.

Ci sono tanti altri plugins disponibili per il mondo MDX e MarkDown, tutti quelli di Remark e Rehype sono infatti disponibili.

gatsby-plugin-sitemap

gatsby-plugin-sitemap è il plugin ufficiale per creare la sitemap del nostro sito.

gatsby-plugin-react-helmet

gatsby-plugin-react-helmet è un plugin fondamentale per il SEO aggiungendo le funzionalità del componente React Helmet che ci consente di controllare l'intestazione della pagina e quindi cose come titolo, meta attributi, ecc.

gatsby-plugin-offline

gatsby-plugin-offline rende disponibile il nostro sito anche offline come se fosse una App.

Source Plugins

Questi plugins aggiungono elementi al database GraphQL:

Credo che esista un plugin per ogni CMS e se un CMS non ha un plugin Gatsby o è il momento di crearlo o di cambiare CMS.

Transformer Plugins

Questi plugins trasformano il contenuto del database GrapQL:

Plugins per CSS & UI

Plugins per Analytics

Altri Plugins