Lag din egen static site generator

Statisk sidegenerator i Node.js på 50 linjer kode.

Publisert

Statiske sidegeneratorer, eller static site generators som vi heller bør kalle det for søkbarheten, er heite greier.

Og selv om det finnes en hel haug å velge mellom, som Jekyll, Next, Hugo og Gatsby, er det ikke særlig vanskelig å lage en selv. Kanskje det er nettopp derfor den store haugen av generatorer vokser seg stadig større.

kodesnutt 👓

Kodesnutt er Youtube-kanalen til utvikleren Mikael Brevik; kjent fra blant annet podkasten og meetup-en BartJS.

kode24 får videreformidle videoene, men følg også kanalen på Youtube, eller på kodesnutt.io.

I denne ukas Kodesnutt viser Mikael Brevik deg hvordan du lager din egen statiske sidegenerator på under en halvtime i Node.js! Uansett om du faktisk trenger en slik generator eller ikke, er det en fin øvelse i å skrive Node-løsninger, og er vel verdt en titt.

Men vent; hva er egentlig en static site generator? I grove trekk:

  • Statiske nettsider betyr at innholdet hentes fra statiske filer, som ikke genereres dynamisk på hverken server eller klient. For eksempel helt vanlige HTML- og CSS-filer, som bare hentes fra serveren.
  • En statisk sidegenerator lager slike nettsider. For eksempel ved å lese av markdown-filer som genereres til HTML. Poenget er blant annet å få en raskere nettside.
  • Dette kan gjøres ved å for eksempel kjøre et Node-skript, som tar en samling markdown-filer inn i den ene enden og spytter HTML-filer ut i den andre.

Nettopp slik fungerer generatoren Brevik lager i videoen over.

Og vil du bare titte på koden, som bare er 55 linjer lang, ligger den på Github her.