Lag din egen static site generator

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

📽️: Mikael Brevik Vis merVis mer Vis mer Vis mer

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.

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.