← Tilbake til prosjekter Nettsted · Web- og mobilutvikling

TECHNI DAN

TECHNI DANs porteføljenettsted, utviklet med Symfony for å presentere web- og mobilprosjekter, tjenester og teknisk kompetanse.

TECHNI DAN
PROSJEKT

Prosjektet

En flerspråklig Symfony-applikasjon med Twig, Bootstrap, JavaScript og MySQL, med lokalisert ruting, SEO-metadata, porteføljesider, responsivt design og en animert presentasjon av et digitalt studio.

Systemarkitektur & Fullstack-motor

TECHNI DAN-plattformen er bygget på Symfony 7 og PHP 8.3. Den kombinerer påliteligheten til serverside-rendering (SSR) i Twig med et moderne frontend-oppsett drevet av Webpack Encore, Hotwire Turbo og GSAP.

┌─────────────────────────────────────────────────────────────────────────────┐
│                 TECHNI DAN Multilingual Symfony 7 Platform                  │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🌍 Multilingual SEO Engine    🎨 High-Performance Motion   🛡️ Security & Scalability
  • 14 localized URL routes     • GSAP 3 + ScrollTrigger    • Stateless CSRF manager
  • Strict hreflang matrices    • Lenis smooth scrolling    • Double-submit token flow
  • CLI Sitemap generator       • 3D parallax depth scenes  • Webpack Encore bundling
  • Auto locale negotiator      • Motion-reduction fallback • Schema.org rich snippets

Internasjonal SEO & 14 språk

Lokaliserte ruter, oversatte slugs og automatiske XML-nettstedkart gir global synlighet uten risiko for duplisert innhold.

Sømløs visuell opplevelse

Myke 60 FPS-animasjoner uten å blokkere nettleserens hovedtråd eller svekke Core Web Vitals-resultatene.

Robust backend & Sikkerhet

Moderne tilstandsløs Symfony-arkitektur, avansert CSRF-beskyttelse og streng overholdelse av GDPR.

1. Lokalisert ruting & Internasjonal SEO-arkitektur

Plattformen støtter 14 språk uten behov for dupliserte kontrollere, noe som sikrer optimal indeksitering i Google:

  • Oversatte URL-slugs: Hver Symfony-rute har en tilpasset URL-sti for hvert språk (f.eks. /no/prosjekter, /fr/realisations, /en/portfolio).
  • hreflang-vekslingsmatrise: Automatisk generering av 14 alternate-tagger i HTML-headeren med en x-default reserveløsning til hovedspråket.
  • Automatisert CLI-sitemapkommando: Dedikert Symfony-kommando (app:generate-sitemap) som samler alle statiske ruter og dynamiske porteføljeprosjekter i XML.
  • Språkgjenkjenning via EventSubscriber: Automatisk videresending av førstegangsbesøkende til foretrukket nettleserspråk uten å overstyre manuelle valg.

2. Animasjonsmotor & Frontend-ytelse

Frontenden kombinerer et lekkert digitalt studio-utseende med lynraske lastetider:

Smidig Lenis-rulling

Maskinvareakselerert rulling perfekt synkronisert med GSAP-animasjoner gjennom hoved-tickeren.

3D-parallaks & Magnetiske knapper

Flerlags dybdeberegninger i sanntid som følger musepekerens bevegelse i helteseksjonen.

Universell utforming & Redusert bevegelse

Automatisk og elegant deaktivering av animasjoner for brukere som har aktivert prefers-reduced-motion.

3. Bedriftssikkerhet & Tilstandsløs CSRF-beskyttelse

Skjemabehandling og datakommunikasjon oppfyller moderne sikkerhetsstandarder:

  • Tilstandsløs CSRF-beskyttelse (Stateless): Dynamisk token-generering via Web Crypto API, validert med SameSite Strict-informasjonskapsler og HTTP-headere.
  • Hotwire Turbo-kompatibilitet: Automatisk innsetting av sikkerhetsheadere og håndtering av informasjonskapsler ved asynkrone Turbo-skjemainnsendinger.
  • Schema.org strukturerte data: Fullstendig JSON-LD-graf (Organization, WebSite, Person, Service) som fremmer rike søkeresultater i Google.

4. Teknisk komponentmatrise

Komponent Teknisk gjennomføring SEO- & Ytelseseffekt
Flerspråklig ruting Symfony 7 + Route Attributes per Locale Internasjonal SEO Målrettet synlighet i 14 markeder uten risiko for duplisert innhold
Nettstedkartgenerator Custom Console Command + DOMDocument Crawl-budsjett Fullstendig og umiddelbar indeksitering av alle nettadresser
Animasjon & Rendering GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Null layoutforskyvning (CLS) og 95+ ytelsesscore i Google Lighthouse
Tilstandsløs CSRF SameOriginCsrfTokenManager + Crypto API Sikkerhet Fullstendig beskyttelse mot Cross-Site Request Forgery-angrep
Modulære fallstudier Dynamic Sub-template Loader Semantikk Dybdegående teknisk innhold som styrker rangering på long-tail-søk

Trenger du en høyytelses webplattform?

Overlat design og utvikling av din skreddersydde webapplikasjon til TECHNI DAN.

Start ditt prosjekt →