← Takaisin projekteihin Verkkosivusto · Verkko- ja mobiilikehitys

TECHNI DAN

TECHNI DANin portfolio-verkkosivusto, joka on kehitetty Symfonylla esittelemään verkko- ja mobiiliprojekteja, palveluita ja teknistä osaamista.

TECHNI DAN
PROJEKTI

Projekti

Monikielinen Symfony-sovellus, jossa käytetään Twigiä, Bootstrapia, JavaScriptiä ja MySQL:ää sekä lokalisoitua reititystä, SEO-metatietoja, portfoliosivuja, responsiivista suunnittelua ja animoitua digitaalisen studion esittelyä.

Järjestelmäarkkitehtuuri & Full-Stack -moottori

TECHNI DAN -alusta on rakennettu Symfony 7:llä ja PHP 8.3:lla. Se yhdistää Twig-pohjaisen palvelinpuolen renderöinnin (SSR) luotettavuuden ja modernin käyttöliittymäputken (Webpack Encore, Hotwire Turbo ja 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

Kansainvälinen SEO & 14 kieltä

Lokalisoidut reitit, käännetyt URL-polut ja automaattiset XML-sivukartat globaaliin löydettävyyteen ilman päällekkäistä sisältöä.

Sulava visuaalinen kokemus

Sulavat 60 FPS -animaatiot, jotka eivät tuki pääsäiettä tai heikennä Core Web Vitals -arvoja.

Taustajärjestelmän vakaus & Turvallisuus

Moderni tilaton Symfony-arkkitehtuuri, edistyksellinen CSRF-suojaus ja tiukka GDPR-yhteensopivuus.

1. Lokalisoitu reititys & Kansainvälinen SEO

Alusta tukee 14 kieltä natiivisti ilman ohjainten monistamista varmistaen optimaalisen indeksoinnin:

  • Käännetyt URL-osoitteet (Slugs): Jokaisella Symfony-reitillä on kielikohtainen polku (esim. /fi/palvelut, /fr/realisations, /en/portfolio).
  • hreflang-vaihtoehtomatriisi: 14 alternate-tunnisteen ja oletuskieleen osoittavan x-default-tunnisteen automaattinen luonti sivun yläosaan.
  • Automatisoitu CLI-sivukarttakomento: Oma Symfony-konsolikomento (app:generate-sitemap), joka kokoaa kaikki staattiset ja dynaamiset sivut XML-muotoon.
  • Kielen automaattitunnistus (EventSubscriber): Uusien kävijöiden automaattinen ohjaus heidän selaimesi kielelle ilman manuaalisten valintojen ylikirjoitusta.

2. Animaatiomoottori & Käyttöliittymän suorituskyky

Käyttöliittymä yhdistää näyttävän digitaalisen studion ilmeen ja salamannopeat latausajat:

Pehmeä Lenis-vieritys

Laitteistokiihdytetyn vierityksen ja GSAP-animaatioiden saumaton synkronointi päätikkarin kautta.

3D-parallaksi & Magneettipainikkeet

Reaaliaikaiset syvyyslaskennat, jotka reagoivat kursorin liikkeeseen pääosiossa.

Saavutettavuus & Liikkeen vähentäminen

Animaatioiden tyylikäs ja automaattinen poiskytkentä käyttäjille, joilla on käytössä prefers-reduced-motion.

3. Yritystason tietoturva & Tilaton CSRF-suojaus

Lomakkeiden ja tiedonsiirron suojaus noudattaa moderneja verkkoturvallisuuden standardeja:

  • Tilaton CSRF-suojaus (Stateless): Dynaaminen tunnisteiden luonti Web Crypto API:lla ja vahvistus SameSite Strict -evästeillä ja HTTP-otsakkeilla.
  • Hotwire Turbo -yhteensopivuus: Turvaotsakkeiden automaattinen lisäys ja evästeiden hallinta Turbon asynkronisissa lomakelähetyksissä.
  • Schema.org -rakenteinen data: Kattava JSON-LD-merkintä (Organization, WebSite, Person, Service) parantamaan näkyvyyttä Googlen rikkaissa hakutuloksissa.

4. Tekninen komponenttimatriisi

Komponentti Tekninen toteutus SEO- & Suorituskykyvaikutus
Monikielinen reititys Symfony 7 + Route Attributes per Locale Kansainvälinen SEO Tarkka näkyvyys 14 markkina-alueella ilman päällekkäisen sisällön riskiä
Sivukarttageneraattori Custom Console Command + DOMDocument Crawl Budget Kaikkien sivuston osoitteiden nopea ja kattava indeksointi
Animaatiot & Renderöinti GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Nolla asettelumuutosta (CLS) ja 95+ pistettä Google Lighthousessa
Tilaton CSRF SameOriginCsrfTokenManager + Crypto API Tietoturva Täysi suojaus sivustojen välisiä pyyntöjen väärentämishyökkäyksiä vastaan
Modulaariset tapaustutkimukset Dynamic Sub-template Loader Semantiikka Syvällinen tekninen sisältö, joka vahvistaa pitkän hännän hakukonesijoituksia

Tarvitsetko suorituskykyisen verkkoalustan?

Anna mittatilaustyönä toteutettavan verkkosovelluksesi suunnittelu ja kehitys TECHNI DANin käsiin.

Aloita projektisi →