Bruk Ghost som et "Decoupled CMS" med Gatsby og Netlify

Gatsby er et gratis rammeverk med åpen kildekode basert på React som hjelper utviklere å bygge lynraske, sikre og skalerbare nettsider og applikasjoner.

Å bygge statiske nettsider involverer vanligvis lagring av filer lokalt, eller i et digitalt repo som GitHub eller lignende. Dette innebærer at du bruker en kodeditor for å skrive kode og innhold, og GIT for å publisere – noe som fungerer bra for utviklere og mindre nettsteder.

For større publikasjoner eller nettsteder som trenger skalerbarhet blir dette fort utfordrende. Det er her et "decoupled", eller "hodeløst", CMS kommer inn, hvor du kan bruke CMS-et for publisering, og deretter bygge din front-end i Gatsby som henter ut innholdet fra en API. Dette gir flere fordeler:

  • Utviklere kan bruke sin foretrukne stack
  • Redaktører kan bruke sine foretrukne CMS
  • Maksimal hastighet, ytelse og sikkerhet
  • Nettstedet er ekstremt skalerbart

Å bygge nettsider på denne måten har blitt kjent som en JAMstack (JavaScript, APIer, Markup).

Forutsetninger for å komme i gang

For å komme i gang trenger du 5 ting;

  1. En Ghost installasjon
  2. En gratis GitHub konto
  3. En gratis Netlify konto
  4. Et domene (eller sub-domene)
  5. Grunnleggende kjennskap til Terminal og GIT

Ghost CMS

Det første vi gjør er å opprette et CMS, i dette tilfellet Ghost, og grunnen til det er at vi trenger et sted å hente ut data som bygges inn front-end på nettsiden.

Den enkleste måten å gjøre dette på er via en DigitalOcean droplet til $5/mnd.

Gå til DigitalOcean kontoen din og velg "New Project"

  • Gå til "Create" > "Droplet" > "Marketplace"
  • Velg "Ghost"
  • Velg "Standard" plan til $5/mnd
  • Klikk "Create"

Ghost CMS-et blir nå opprettet på en egen server og får tilegnet en IP-adresse. For å fullføre installasjonen trenger du et domene, og det er anbefalt at du peker en A-record fra domenet (f.eks. cms.dittnettsted.no) til serverens IP-adresse.

Når domenets DNS-pekere er satt opp må vi logge oss på Ghost Droplet for å fullføre installasjonen. Fra terminal logger vi oss på som root, husk å bytte ut IP-adressen med din egen.

ssh [email protected]

Følg instruksjonene for å konfigurere Ghost.

Når installasjonen er ferdig kan du logge inn på http://dittnettsted.no/ghost/ og konfigurere admin-bruker.