Sommario
  1. 1 Visione: Un Ambiente di Sviluppo Rapido e Agile
  2. 2 Ricerca dei Requisiti: Scegliere i Componenti del tuo Sito Web
  3. 3 Design: Styling con Emotion, Typography e TailWind
  4. 4 Develop: Collegare Dati e Contenuti
  5. 5 Test
  6. 6 Distribuzione
  7. 7 Adozione
  8. 8 Assistenza
  9. 9 Innovazione

Guida a GatsbyJs

Come creare ottimi siti web

1 Visione: Un Ambiente di Sviluppo Rapido e Agile

  • NodeJs e Git: Gli strumenti base di sviluppo web
  • Gatsby CLI: Clonare un nuovo sito da uno Starter
  • VsCode: Configurazioni per agevolare lo sviluppo
  • Basi di HTML, CSS, JS, React e GraphQL
  • 12 Factor Applications: se non li conosci questa รจ la volta buona!

2 Ricerca dei Requisiti: Scegliere i Componenti del tuo Sito Web

  • Struttura del progetto: pochi file, bene organizzati
  • Componenti: i mattoni del web
  • Pagine: Manuali, Automatiche e Links
  • Plugin: CMS, e-commerce, SEO, etc
  • Starters: Raccolte di plugins per andare subito in produzione

3 Design: Styling con Emotion, Typography e TailWind

  • Emotion e Styled Components: CSS al tempo di React
  • Typography: Gestione font e tipografia
  • TailwindCss: CSS Framework Utility First
  • StoryBook: Full Cycle Frontend per React
  • Sketch e Figma: Disegno grafico post Adobe?

4 Develop: Collegare Dati e Contenuti

  • GraphQL: Query Language per unificare le API
  • Filesystem: File e Cartelle trasformate in Pagine web
  • Yaml: Tante pagine in un solo file, un micro DataBase
  • Markdown e MDX: Scrivere con stile velocemente
  • Wordpress e Drupal: Se proprio non riesci a farne a meno!
  • Altri CMS (Dato, Agile, Contentful)

5 Test

  • Debug, Testing e TypeScript
  • Audit con LightHouse

6 Distribuzione

  • CI/CD senza alcuno sforzo

7 Adozione

  • SEO, SEM e Analytics
  • CRM e Inbound Marketing
  • Social Marketing e Contenuti Virali

8 Assistenza

  • Le Metriche che contano
  • Chat Bot, AI e Machine Learning

9 Innovazione

  • Migliorare le Performance
  • A/B Testing