Smarason.is – Endurbygging
Tæknin á að þjóna fólki — vefurinn er brú milli hugmynda og samfélags, ekki áfangastaðurinn sjálfur.
Verkefnið nýtir nýjustu tæknilausnir sem völ er á, sem reyndist sérstaklega áhugaverð áskorun þar sem gervigreindarknúin aðstoðartól hafa ekki enn þjálfun eða þekkingu á þessum kerfum. Því varð samhengi og samhengistjórnun (context management) lykilatriði í þróunarferlinu, þar sem MCP þjónar — t.d. Context7 — nýttust sérstaklega vel.
Á næstu vikum verður síðan bætt við síðuna frekari upplýsingum og gagnlegu efni.
🚀 Tæknistafli
- Next.js 15.3+ — App Router, async params, Turbopack.
- React 19, TypeScript 5.5+ — örugg og stöðug þróun.
- Tailwind CSS v4 alpha — einingadrifin hönnun með íslenskum blæ.
- Sanity CMS + MCP — skipulagt efni með sjálfvirkri staðfestingu.
- Framer Motion — mjúkar og markvissar hreyfingar.
- Playwright E2E & Vitest — heildstæð prófunarumgjörð.
- Vercel — skjót útgáfa með forskoðunum.
🌍 Tvítyngi & SEO
- Íslenska og enska með
/[lang]slóðum og sjálfvirkri tilvísun. - Staðfærð lýsigögn +
hreflangstuðningur. - Tungumálaskiptir fyrir borð- og farsímaútgáfu.
🛡️ Öryggi, afköst og aðgengi
- Lighthouse: markmið 90+ stig.
- Core Web Vitals: LCP < 2,5s, INP < 200ms, CLS < 0,1.
- Aðgengi: WCAG 2.1 AA samræmi með lyklaborðsleiðsögn og skýrum fókusmerkjum.
- Myndir í WebP/AVIF frá Sanity CDN með sjálfvirkri stærðarstýringu.
- Engin vöktun, engar vefkökur.
🎨 Hönnunarkerfi
- Litir: Smaragðgrænn, kolsvartur og hlýr appelsínugulur — íslenskur sálarsvipur í nútímalegum búningi.
- Stuðningur við ljós- og dökkan ham með samræmdu letri og millibili.
🧩 MCP kostirnir
Model Context Protocol tryggir samræmd vinnuferli, dregur úr villum og byggir gagnsæi beint inn í þróunarferlið.
🛠️ Þróunarverkfæri
Claude Code CLI & Desktop • MCP fyrir GitHub • Context7 • Playwright • Sanity • Gemini • ChatGPT.
Tæknistaflinn
Hreyfingar sem þjóna upplifun, ekki til sýnis / Animations that serve experience, not just for show
React framework fyrir framleiðslu með App Router og frábærum afköstum / Production-ready React framework with App Router and exceptional performance
Sanity er "headless CMS" - það þýðir að það sér eingöngu um að geyma og stjórna efni, en birtir það ekki sjálft. Þú getur notað hvaða frontend tækni sem er til að sýna efnið (React, Vue, Next.js, Gatsby, o.s.frv.).