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.