PiJa
JAMStack

Snabbare, Säkrare & Roligaremed JAMStack

Kontakta oss

Vill du veta mer om hur vi kan hjälpa dig? Hör av dig så berättar vi mer.

Kontakta oss

PiJa AB
Kornhamnstorg 49, 1TR
111 27 Stockholm

VarförJAMStack?

Vi på PiJa har använt oss av Jamstack i många år. För oss är det det naturliga valet när vi kan separera en plattforms olika delar för att uppnå bättre skalbarhet och prestanda.

Jamstack ger en tydligare utvecklarupplevelse, bättre prestanda, lägre kostnad och enklare skalning.

Vad ärJAMStack?

Jamstack står för JavaScript, API och Markup.

JavaScript

Dynamiskt innehåll hanteras av JavaScript i webbläsaren, utan restriktioner för ramverk eller bibliotek.

API

Server- och databasförfrågningar sker via återanvändbara API:er med säker access via HTTPS. Samma API:er kan användas för flera tjänster – webbplats, mobilapp eller andra klienter.

Markup

Webbsidor serveras som statiska HTML-filer, genererade av byggscript. De statiska filerna kan sedan uppdateras dynamiskt av JavaScript i webbläsaren.

Resultatet är minskade kostnader, ökad säkerhet och högre prestanda. Eftersom sidorna genereras i förväg behövs ingen traditionell webbserver – de kan serveras direkt från ett CDN.

Hur fungerarJAMStack?

Jamstack är en arkitektur för webbutveckling där innehåll, tjänster och funktioner separeras i olika lager.

Baserat på webbplatsens innehåll genereras snabba statiska sidor med hjälp av byggscript. Genom att separera lagren får man en tydlig arkitektur som liknar mikrotjänster.

Ett valfritt headless CMS kan användas för innehållshantering. Populära alternativ inkluderar Sanity, Contentful, Strapi och headless WordPress. CMS:ets uppgift är att hantera innehåll och servera det via API:er.

Frontend-lagret använder JavaScript för att hämta data och rendera det som HTML. Snabbhet uppnås genom att allt som inte behöver laddas dynamiskt genereras till statiska filer i förväg.

Eftersom statiska filer inte kräver en traditionell webbserver kan hela sajten hostas på ett CDN som levererar filerna snabbt oavsett var i världen användaren befinner sig. Exempel på CDN och hosting för Jamstack är Vercel, Netlify, Cloudflare och AWS.

Fördelar medJAMStack

I en traditionell arkitektur bygger servern ihop varje sida vid varje sidladdning – data hämtas från databasen och sätts in i HTML. Laddar besökaren om sidan upprepas hela processen, trots att innehållet är detsamma. Det kräver kraftigare servrar vid hög trafik och driver upp kostnaderna.

Med Jamstack genereras sidorna i förväg. Besökaren får en färdig sida direkt, utan att vänta på databasanrop. Genom att servera statiska filer via ett CDN fördelas trafiken effektivt, vilket ger högre prestanda och lägre kostnader även vid stora trafikvolymer.

KortfattadSummering

  • Högre prestanda
  • Större säkerhet
  • Billigare, enklare skalning
  • Bättre utvecklarupplevelse
  • Minskade kostnader
  • Jamstack består av:
    • JavaScript
    • API
    • Markup