Hoppa till innehållet
Novara SolutionsNOVARAElevate your brand
Teknologi

Verktygen bakom Novara.

En komplett, transparent översikt av teknologin vi bygger på. Det här är inte en drag-och-släpp-mall — det är en skräddarsydd produktionsplattform.

Arkitektur

Frontend & rendering

  • TanStack Start v1

    Modernt fullstack React-ramverk med SSR för snabb första laddning och perfekt SEO.

  • React 19

    Senaste versionen med concurrent rendering och optimerad hydrering.

  • TypeScript (strict)

    Typsäker kodbas — fångar fel innan de når produktion.

  • Vite 7

    Blixtsnabb build- och utvecklingsmiljö med hot module replacement.

  • TanStack Router

    Typsäker, fil-baserad routing med automatisk preloading.

  • TanStack Query

    Data-fetching med caching, revalidering och optimistiska uppdateringar.

Design

UI, styling & animationer

  • Tailwind CSS v4

    Utility-first styling med native CSS-tokens och Lightning CSS-build.

  • shadcn/ui

    Tillgängliga, anpassningsbara komponenter byggda på Radix UI.

  • Radix UI

    Headless primitives med fullt WAI-ARIA-stöd.

  • Framer Motion

    Produktionsklara animationer och sidövergångar.

  • Lucide Icons

    Konsekvent, lättviktig SVG-ikonbibliotek.

  • Custom design system

    Semantiska färg- och typografi-tokens — inga generiska AI-mallar.

Backend

Databas, auth & server

  • Lovable Cloud

    Hanterad backend med databas, auth, storage och edge functions.

  • PostgreSQL

    Robust relationsdatabas med Row-Level Security på varje tabell.

  • Row-Level Security (RLS)

    Säkerhetspolicies på databasnivå — data är skyddad i grunden.

  • Server Functions

    Typsäkra RPC-anrop mellan klient och server via createServerFn.

  • Cloudflare Workers

    Edge-runtime med millisekund-svarstider globalt.

  • Zod

    Schema-validering av all server-input för säkerhet och korrekthet.

AI

AI & intelligenta funktioner

  • Lovable AI Gateway

    Direktåtkomst till toppmodeller för chat, bild och embeddings.

  • Chatbot-widget

    Lazy-loadad AI-assistent som svarar på besökarfrågor i realtid.

  • Streaming responses

    Tokens streamas direkt till användaren för naturlig dialog.

SEO

Sökmotoroptimering

  • Server-Side Rendering

    Sidor renderas på servern — Google ser allt innehåll direkt.

  • Strukturerad data (JSON-LD)

    Organization-, Breadcrumb- och FAQ-scheman för rich results.

  • Per-route metadata

    Unika titlar, beskrivningar och OG-taggar för varje sida.

  • Dynamisk sitemap.xml

    Automatiskt genererad sitemap som Google kan crawla.

  • robots.txt & llms.txt

    Tydliga instruktioner för både sökmotorer och AI-crawlers.

  • Canonical-taggar

    Förhindrar duplicerat innehåll mellan domäner.

  • Semantisk HTML

    Korrekta H1-H6, landmarks och alt-texter för tillgänglighet och SEO.

Prestanda

Hastighet & optimering

  • Code splitting

    Endast koden för aktuell sida laddas — minimal initial bundle.

  • Lazy loading

    Bilder och tunga komponenter laddas först när de behövs.

  • Edge caching

    Statiska resurser cachas på CDN nära användaren.

  • Image optimization

    WebP/AVIF, responsiva storlekar och moderna format.

  • Preloading

    Router förladdar sidor vid hover för instant navigation.

  • Lightning CSS

    Rust-baserad CSS-kompilator för minimal payload.

Säkerhet

Skydd & compliance

  • Automatiska säkerhetsscans

    Kontinuerlig övervakning av sårbarheter i kod och beroenden.

  • RLS-policies

    Varje tabell har explicita åtkomstregler — ingen data exponeras av misstag.

  • HTTPS överallt

    TLS 1.3 på alla domäner via Cloudflare.

  • GDPR-compliance

    Integritetspolicy, cookie-banner och rätt till radering.

  • Trust-sida

    Transparent översikt av säkerhet och dataskydd.

  • Server-side validering

    All input valideras med Zod innan den når databasen.

Email

Transaktionell e-post

  • React Email-templates

    Mallar byggda i React — versionshanterade och testbara.

  • DKIM, SPF, DMARC

    Korrekt konfigurerad e-postdomän för leverans till inkorgen.

  • Unsubscribe-flöde

    Inbyggd avregistrering enligt CAN-SPAM och GDPR.

  • Lead-notifieringar

    Automatiska mejl när nya leads kommer in via formuläret.

Verktyg

Utveckling & deploy

  • Bun

    Snabb JavaScript-runtime och pakethanterare.

  • ESLint + Prettier

    Automatisk kodformatering och lint-regler för konsekvent kod.

  • Git versionshantering

    Varje ändring spåras — vi kan rulla tillbaka när som helst.

  • Lovable-plattformen

    AI-driven utvecklingsmiljö med live preview och deploy.

  • Custom domains

    Egna domäner med automatiska SSL-certifikat.

Innehåll

Lokalisering & UX

  • Google Translate-integration

    Snabb språkväxling för internationella besökare.

  • i18n-system

    Inbyggt stöd för flerspråkigt innehåll.

  • Sticky mobile CTA

    Alltid-tillgänglig call-to-action på mobil för fler konverteringar.

  • Cookie-banner

    GDPR-kompatibel samtyckeshantering.

  • Price calculator

    Interaktivt verktyg som hjälper kunden välja rätt paket.

Det är inte verktygen — det är hur de samspelar.

Att lista verktygen är enkelt. Att få dem att samverka i en snabb, säker, SEO-optimerad och konverterande sajt kräver arkitektonisk erfarenhet. Det är det vi levererar.

Starta ditt projekt