Til baka í verkefni

Smarason.is – Endurbygging

Tæknin á að þjóna fólki — vefurinn er brú milli hugmynda og samfélags, ekki áfangastaðurinn sjálfur.

Lengd3 mánuðir
Tækni
Framer Motion
Next.js 15.3
Vercel
Sanity CMS
MCP Server
New web

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 samhengi­stjó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 + hreflang stuð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

Framer Motion

Framework

Next.js 15.3

Framework

Vercel

Þjónusta

Sanity CMS

Þjónusta

MCP Server

Þjónusta

Skoða verkefnið