Christer Barregren
Startsida/Guider/Hur Akajos är byggd
Teknisk guide & inspiration

Hur Akajos är byggd – och hur du bygger din egen sajt gratis

En transparent guide till hur vi bygger och driver akajos.com från en Mac i Linköping – med ren Markdown, typografi med Fraunces, Astro och Cloudflare Pages. Helt utan månadskostnader för webbhotell.

✍️ Av Christer Barregren & Antigravity⚡ 0 kr / månad i webbhotell🚀 100% blixtsnabb statisk HTML

Efter att ha byggt hemsidor sedan 1998 (de flesta i WordPress med databaser, plugins och ständiga uppdateringar) ville jag släppa kontrollen helt och återgå till webbens ursprungliga löfte:rena textfiler, fantastisk typografi, blixtsnabb prestanda och total frihet.

Här är de fem hörnstenarna som bygger sajten – och hur du kan göra exakt samma resa på Mac eller PC.

1
Innehållet

Skrivmaskinen: Typora och ren Markdown (.md)

Grunden för hela webbplatsen är att allt innehåll skrivs i ren Markdown. Alla sagor, dikter, boksidor och blogginlägg är enkla textfiler som slutar på .md.

Du äger dina ord för alltid

Texterna är inte inlåsta i en SQL-databas eller bakom ett abonnemang. Om 40 år kan du fortfarande öppna en .md-fil i vilket textprogram som helst.

Distraktionsfri skrivmiljö

Christer skriver i Typora på macOS. Menyer döljs och text, rubriker, anfang och versmått växer fram i en ren, vacker miljö.

Verktyg att prova:
2
Utvecklingen

Parprogrammeraren: Google Antigravity & AI

Christer är författare och poet, inte heltidsutvecklare. Här kliver AI in i bilden som en outtröttlig parprogrammerare som tar bort allt tekniskt motstånd.

När en ny bok ska läggas upp, en interaktiv proportionsräknare ska kodas, eller färgsystem och WebP-bilder ska optimeras, beskrivs önskemålet i vanlig svensk text. AI-agenten analyserar projektstrukturen, skriver modern semantisk kod och testbygger allt lokalt.

”AI:n ersätter inte den kreativa själen – den tar bort det tekniska friktionsmotståndet så att författaren kan fokusera på det litterära verket.”
Verktyg för AI-parprogrammering:
3
Webbramverket

Motorn: Astro och den typografiska mallen Keel

Som webbmotor använder sajten Astro. Det är det modernaste ramverket för innehållstunga författarsajter, bloggar och publikationer.

Blixtsnabb laddtid (Zero JS)

Astro genererar ren HTML i förväg. När en besökare läser en saga laddas sidan på millisekunder utan tunga skript.

Content Collections

Astros inbyggda innehållssamlingar validerar automatiskt metadata, ljudfiler, omslag och ordning för alla sagor och dikter.

Webbplatsens typografi: Fraunces & Public Sans

Litterär & Lättläst
Rubriker & Display:

Fraunces Variable

Ett prisbelönt, modernt antikva-typsnitt med rötter i tidigt 1900-tal. Det ger sagorna och böckerna en varm, litterär personlighet utan att kännas dammigt.Besök Fraunces officiella typsnittssida →

Brödtext & Läsning:

Public Sans

Ett neutralt och extremt lättläst grotesk-typsnitt som ursprungligen togs fram för att maximera läsbarheten på skärmar. Perfekt för långa sagor och dikter.Besök Public Sans →

Mallen som gav grunden:

Vi utgick från gratismallen Astro Keel (av kpab), tillgänglig på Astro Themes.

4
Versionskontroll

Tryggheten och tidsmaskinen: Git och GitHub

Varje gång en dikt finputsas eller koden uppdateras sparas ändringarna via versionshanteringssystemet Git och skickas upp till GitHub.

Total historik

Allt sparas som i en tidsmaskin. Skulle något gå fel kan du backa bandet till vilken tidigare sekund som helst.

Säker backup i molnet

Alla manuskript, texter och webbkod ligger tryggt säkerhetskopierade i molnet – 100% gratis med GitHub.

Kom igång med GitHub:
5
Hosting

Publiceringen: Cloudflare Pages (ersätter webbhotell)

Här kommer den största överraskningen för den som är van vid gamla tiders webb:du behöver inte köpa något webbhotell för hundratals kronor om året.

Cloudflare Pages kopplas direkt till ditt GitHub-arkiv. Varje gång du sparar och skickar upp en ändring bygger Cloudflare sajten automatiskt och distribuerar den blixtsnabbt över 300 datacenter i hela världen.

0 kr månadskostnad

Generös gratisnivå som räcker och blir över för författarsajter, personliga arkiv och föreningar.

Gratis HTTPS & Global CDN

Automatisk SSL-kryptering och blixtsnabb respons för läsare oavsett var i världen de befinner sig.

Hosting & Alternativ:
📦

Ladda ner startguider för din egen AI

Färdiga Markdown-filer med systemprompt och steg-för-steg-instruktioner att klistra in i din AI-assistent.

🍏
Startguide för Macstartguide-webb-mac.md (Markdown)
↓🪟
Startguide för PC / Windowsstartguide-webb-pc.md (Markdown)
↓
Relaterad lathund

Bildformat & proportioner

Ska du förbereda illustrationer, omslag och InDesign-filer för din sajt eller bok? Använd vår interaktiva proportionsguide.

Öppna bildformat-guiden →
Kommande mallar

Affinity Publisher-mallar & Fraunces

Längre fram kommer färdiga bokmallar för Affinity med US 6×9", liggande böcker, provtexter och Fraunces-typsnittet.

Kommer inom kort