Smarason.is
Persónuvernd innbyggð frá grunni, fullvalda arkitektúr
Persónuverndarvefur byggður á Next.js 16, Tailwind v4, Sanity CMS og sjálfhýstum Go/PocketBase-bakenda. Tvítyngdur, aðgengilegur, ekkert eftirlit — arkitektúrinn endurspeglar hugmyndafræðina.
Áskorunin
Smíði með tækni sem er nýrri en þjálfunargögn gervigreindarlíkananna sem aðstoðuðu verkið. Next.js 16, Tailwind v4 og Sanity v4 voru öll á undan þjálfunargögnum líkananna. Samhengisstjórnun — að fæða nákvæm og tímabær skjöl inn í AI-aðstoðarmenn gegnum MCP-þjóna — varð aðaláskorun þróunarinnar. Sjálfhýsti bakendinn bætti við annarri áskorun: að brúa Vercel-jaðarinnviði við PocketBase-tilvik á heimaþjóni gegnum Go-þjónustu.
Nálgunin
Ritstjórnarlegar hönnunarreglur beitt í hverja ákvörðun: leturgerð, bil og hreyfing þjóna skilningi, ekki skreytingu. Strangur TypeScript (noUncheckedIndexedAccess, ekkert any) grípur villur við þýðingu. OKLCH-litarúm tryggir skynjunarlegt samræmi milli ljóss og dökkrar stillingar. ISR með 60 sekúndna endurnýjun jafnar saman ferskleika og afköst. Samskiptagögn eru fullkomlega í eigu notandans — Go-brú staðfestir og vísar sendingum á sjálfhýstan PocketBase, sem heldur öllum gögnum utan þriðja aðila vettvanga. PAI-innviðir sjá um efnisgerð, kóðaendurskoðun og íslenskt gæðaeftirlit.
Niðurstöður
Þetta er vefurinn sem þú ert að skoða. Hann er til til að deila verkum, hugmyndum og verkfærum — ekki til að selja neitt. Engin greiningartól, engar vafrakökur, engar eftirlitsforskriftir. Arkitektúrinn endurspeglar einfalda sannfæringu: tæknin á að þjóna fólkinu sem notar hana, ekki nýtast af því.
Byggður með Next.js 16, Tailwind v4, Sanity CMS og TypeScript í strangri stillingu. Samskiptaeyðublaðið er tengt Go-brúarþjónustu sem vísar á sjálfhýstan PocketBase-gagnagrunn á heimaþjóni. Þróaður aðallega með Claude Code CLI og PAI — persónulegum gervigreindarinnviðum sem sjá um allt frá efnisgerð til íslensks málfars.
Arkitektúr
- Next.js 16 — App Router með async-breytum, Turbopack-þróunarþjónn, ISR með 60 sekúndna endurnýjun á öllum efnissíðum.
- Tailwind v4 — notagildis-fyrst CSS með OKLCH-litatáknum, merkingarfræðilegum hönnunarbreytum og @theme-stillingum.
- Sanity v4 — skipulagt efni með GROQ-fyrirspurnum, tungumálasíun á hvert skjal og webhook-knúin endurnýjun.
- Go-brú — létt þjónusta á api.fylkid.is sem staðfestir og áframsendir samskiptaeyðublaðsgögn til PocketBase á sjálfhýstum heimaþjóni.
- PocketBase — sjálfhýstur bakendi á heimaþjóni sem geymir samskiptaskilaboð með fullri gagnaeign.
- TypeScript 5.5+ — hámarks strangur hamur með noUncheckedIndexedAccess og ESLint no-explicit-any á villustigi.
- Hreyfing — Framer Motion með sameinuðum forstillingum. Allar hreyfimyndir virða prefers-reduced-motion.
- Prófanir — 250+ Vitest-einingaprófanir og Playwright E2E sem ná yfir samskiptaeyðublað, staðfæringu og aðgengi. Prófanir keyra fyrir hverja skuldbindingu.
- Vercel — framleiðslubirting af main-grein með forskoðunarsmíðum á dev- og test-greinum.
Hönnunarkerfi
Sjónrænt tungumálið heitir Quiet Jade — ritstjórnarlegt litakerfi byggt í OKLCH-litarúmi fyrir skynjunarlegt samræmi. Hlýir basalt-hlutlausir litir, jade-hreinsitónn í ljósri stillingu, blágrænn í dökkri. Sérhver litur er merkingarfræðilegt tákn; engin hrá gildi birtast í íhlutum.
Leturgerðirnar para Cormorant (sýning) við DM Sans (meginmál). Hreyfing þjónar skilningi — inn-dauf og skruntengt — aldrei skreytingu. Fagurfræðin er vísvitandi róleg: engir litastigar, ekkert glerhrif, engin stækkun við sveimhreyfingu.
Alþjóðavæðing
Fullkomlega tvítyngdur á íslensku og ensku. Millihugbúnaður greinir land gestsins gegnum Vercel-staðsetningarhausum — íslenskir gestir sjá íslensku útgáfuna sjálfkrafa, allir aðrir sjá ensku. Leiðir eru staðfærðar, ekki bara þýddar: /is/blogg á móti /en/blog. Yfir 1.400 línur af viðmótsþýðingum ná yfir allt.
Afköst og persónuvernd
- Lighthouse 90+ í afköstum, aðgengi, bestu venjum og SEO.
- Core Web Vitals: LCP < 2,5s, INP < 200ms, CLS < 0,1.
- WCAG 2.1 AA með lyklaborðsflakki, sýnilegum fókushringjum og stuðningi við prefers-reduced-motion.
- Myndir birtar sem WebP/AVIF frá Sanity CDN með sveigjanlegri stærð.
- Engin greiningartól, engar vafrakökur, engar þriðja aðila eftirlitsforskriftir. Persónuvernd er innbyggð í grunninn, ekki límð ofan á.
Þróun
Þróaður með Claude Code CLI, PAI (Personal AI Infrastructure) og MCP-þjónum fyrir nútíma rammaskjölun. Gæði íslensks texta tryggð gegnum tvíþrepa yfirferð.
Tæknistaflinn
Lærdómar
- AI-studd þróun virkar best þegar manneskjan heldur arkitektúrvaldinu og gervigreindin sér um magnið — ekki öfugt
- OKLCH er þess virði að flytja yfir í: skynjunarlegt samræmi gerir dökka stillingu einfalda og aðgengisúttektir fyrirsjáanlegar
- Tvítyngt skipulag verður að vera innbyggt frá fyrsta degi — að endursmíða tungumálsleið inn í fyrirliggjandi Next.js-forrit er mun erfiðara en að byrja með hana
Tengd verkefni
Sjá öll verkefni →Beyond Fragmentation
Af hverju stjórnarhættir gervigreindar mistakast af ásetningi — og af hverju öll skaðleg áhrif tækninnar eiga rætur í mannlegum stjórnarháttum.
Sumarhus Alpha
Fullvalda gervigreindarinnviðir: 5 Go-umboðsmenn, Rust MCP-þjónn, NATS JetStream, 21 módel hjá 7 þjónustuaðilum, 15 gámar, CI/CD í framleiðslu. Raunhæft kerfi og tilraunastofa, byggt frá grunni síðan 2022.
Arctic Tracker: Gagnagreind í þágu verndar norðurslóðategunda
Gagnavettvangur sem samþættir yfir 473.000 CITES-viðskiptaskrár, IUCN-mat og gögn um ólögleg hald fyrir 43 norðurslóðategundir. Forprent í samstarfi við Dr. Tom Barry er nú í ritrýni.