← Tillbaka till projekt Webbplats · Webb- och mobilutveckling

TECHNI DAN

TECHNI DAN:s portfolio-webbplats, utvecklad med Symfony för att presentera webb- och mobilprojekt, tjänster och teknisk kompetens.

TECHNI DAN
PROJEKT

Projektet

En flerspråkig Symfony-applikation med Twig, Bootstrap, JavaScript och MySQL, med lokaliserad routing, SEO-metadata, portfoliosidor, responsiv design och en animerad presentation av en digital studio.

Systemarkitektur & Fullstack-motor

TECHNI DAN-plattformen är byggd på Symfony 7 och PHP 8.3. Den kombinerar tillförlitligheten hos serversiderendering (SSR) i Twig med ett modernt frontend-flöde som drivs av Webpack Encore, Hotwire Turbo och 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

Internationell SEO & 14 språk

Lokaliserade rutter, översatta slugs och automatiska XML-webbplatskartor ger global synlighet utan risk för duplicerat innehåll.

Smidig visuell upplevelse

Följsamma 60 FPS-animationer utan att blockera webbläsarens huvudtråd eller sänka Core Web Vitals-resultaten.

Robust backend & Säkerhet

Modern tillståndslös Symfony-arkitektur, avancerat CSRF-skydd och strikt efterlevnad av GDPR.

1. Lokaliserad dirigering & Internationell SEO-arkitektur

Plattformen stöder 14 språk utan behov av duplicerade kontroller, vilket säkerställer optimal indexering i Google:

  • Översatta URL-slugs: Varje Symfony-rutt har en anpassad URL-sökväg för varje språk (t.ex. /sv/projekt, /fr/realisations, /en/portfolio).
  • hreflang-växlingsmatris: Automatisk generering av 14 alternate-taggar i HTML-headern med en x-default reservlösning till huvudspråket.
  • Automatiserat CLI-sitemapkommando: Dedikerat Symfony-kommando (app:generate-sitemap) som sammanställer alla statiska rutter och dynamiska portföljprojekt i XML.
  • Språkidentifiering via EventSubscriber: Automatisk omdirigering av förstagångsbesökare till föredraget webbläsarspråk utan att åsidosätta manuella val.

2. Animationsmotor & Frontend-prestanda

Frontenden förenar ett attraktivt digitalt studio-utseende med blixtsnabba laddtider:

Mjuk Lenis-rullning

Hårdvaruaccelererad rullning perfekt synkroniserad med GSAP-animationer genom huvud-tickern.

3D-parallax & Magnetiska knappar

Flerlagers djupberäkningar i realtid som följer muspekarens rörelse i hjälteavsnittet.

Tillgänglighet & Reducerad rörelse

Automatisk och elegant inaktivering av animationer för användare som har aktiverat prefers-reduced-motion.

3. Företagssäkerhet & Tillståndslöst CSRF-skydd

Formulärhantering och datakommunikation uppfyller moderna säkerhetsstandarder:

  • Tillståndslöst CSRF-skydd (Stateless): Dynamisk token-generering via Web Crypto API, validerad med SameSite Strict-kakor och HTTP-headers.
  • Hotwire Turbo-kompatibilitet: Automatisk infogning av säkerhetsheaders och hantering av kakor vid asynkrona Turbo-formulärinskick.
  • Schema.org strukturerad data: Komplett JSON-LD-graf (Organization, WebSite, Person, Service) som främjar rika sökresultat i Google.

4. Teknisk komponentmatris

Komponent Teknisk implementering SEO- & Prestandaeffekt
Flerspråkig dirigering Symfony 7 + Route Attributes per Locale Internationell SEO Målinriktad synlighet på 14 marknader utan risk för duplicerat innehåll
Webbplatskartegenerator Custom Console Command + DOMDocument Crawl-budget Fullständig och omedelbar indexering av samtliga webbadresser
Animation & Rendering GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Noll layoutförskjutning (CLS) och 95+ prestandapoäng i Google Lighthouse
Tillståndslös CSRF SameOriginCsrfTokenManager + Crypto API Säkerhet Fullständigt skydd mot Cross-Site Request Forgery-attacker
Modulära fallstudier Dynamic Sub-template Loader Semantik Djuplodande tekniskt innehåll som stärker rankningen på long-tail-sökningar

Behöver du en högpresterande webbplattform?

Låt TECHNI DAN ansvara för design och utveckling av din skräddarsydda webbapplikation.

Starta ditt projekt →