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.

Lag tekst med animert gradient-bakgrunn

Få liv i teksten din med disse CSS-triksene.