← Powrót do projektów Strona internetowa · Tworzenie aplikacji webowych i mobilnych

TECHNI DAN

Strona portfolio TECHNI DAN, stworzona w Symfony w celu prezentacji projektów webowych i mobilnych, usług oraz kompetencji technicznych.

TECHNI DAN
PROJEKT

Projekt

Wielojęzyczna aplikacja Symfony z Twig, Bootstrap, JavaScript i MySQL, obejmująca lokalizowane trasy, metadane SEO, strony portfolio, responsywny interfejs i animowaną prezentację studia cyfrowego.

Architektura systemu & Silnik Full-Stack

Platforma TECHNI DAN została zbudowana w oparciu o Symfony 7 i PHP 8.3. Łączy niezawodność renderowania po stronie serwera (SSR) w Twig z nowoczesnym frontendem napędzanym przez Webpack Encore, Hotwire Turbo i 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
            

Międzynarodowe SEO & 14 języków

Zlokalizowany routing, przetłumaczone slugi i automatyczna mapa witryny XML dla globalnego zasięgu bez duplikacji treści.

Płynne wrażenia wizualne

Płynne animacje w 60 FPS, które nie blokują głównego wątku przeglądarki i nie obniżają wskaźników Core Web Vitals.

Solidny backend & Bezpieczeństwo

Nowoczesna, bezstanowa architektura Symfony, zaawansowana ochrona CSRF i pełna zgodność z RODO.

1. Zlokalizowany routing & Międzynarodowa architektura SEO

Platforma natywnie obsługuje 14 języków bez duplikowania kontrolerów, gwarantując optymalną indeksację w Google:

  • Przetłumaczone adresy URL (Slugi): Każda trasa Symfony posiada ścieżkę przetłumaczoną na dany język (np. /pl/projekty, /fr/realisations, /en/portfolio).
  • Macierz tagów alternatywnych hreflang: Automatyczne generowanie w nagłówku 14 tagów alternate wraz z wartością x-default wskazującą na język domyślny.
  • Zautomatyzowane polecenie CLI mapy strony: Dedykowana komenda konsoli Symfony (app:generate-sitemap), która kompiluje wszystkie trasy statyczne i dynamiczne projekty do pliku XML.
  • Wykrywanie języka przez EventSubscriber: Automatyczne przekierowanie nowych użytkowników do preferowanego języka ich przeglądarki bez zakłócania ręcznych wyborów.

2. Silnik animacji & Wydajność frontendu

Frontend łączy immersyjny design cyfrowego studia z błyskawicznym czasem ładowania:

Płynne przewijanie Lenis

Idealna synchronizacja między akcelerowanym sprzętowo przewijaniem a animacjami GSAP za pośrednictwem głównego tickera.

Paralaks 3D & Przyciski magnetyczne

Wielopoziomowe efekty głębi obliczane w czasie rzeczywistym na podstawie ruchu kursora myszy w sekcji głównej.

Dostępność & Redukcja ruchu

Automatyczne i eleganckie wyłączanie animacji dla użytkowników z włączoną opcją prefers-reduced-motion.

3. Bezpieczeństwo Enterprise & Bezstanowa ochrona CSRF

Przesyłanie formularzy i komunikacja sieciowa spełniają najwyższe standardy bezpieczeństwa:

  • Bezstanowa ochrona CSRF (Stateless): Dynamiczne generowanie tokenów przez Web Crypto API, weryfikowane za pomocą ciasteczek SameSite Strict i nagłówków HTTP.
  • Kompatybilność z Hotwire Turbo: Automatyczne wstrzykiwanie nagłówków bezpieczeństwa i obsługa ciasteczek podczas asynchronicznych wysyłek formularzy w Turbo.
  • Dane strukturalne Schema.org: Pełne formatowanie JSON-LD (Organization, WebSite, Person, Service) wspierające wyświetlanie elementów rozszerzonych w Google.

4. Matryca komponentów technicznych

Komponent Implementacja techniczna Wpływ na SEO i wydajność
Wielojęzyczny routing Symfony 7 + Route Attributes per Locale Międzynarodowe SEO Precyzyjne dotarcie na 14 rynkach bez ryzyka powielania treści
Generator mapy witryny Custom Console Command + DOMDocument Crawl Budget Kompletna i natychmiastowa indeksacja wszystkich adresów URL
Animacje i renderowanie GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Brak przesunięć układu (CLS) i wyniki 95+ w Google Lighthouse
Bezstanowy CSRF SameOriginCsrfTokenManager + Crypto API Bezpieczeństwo Pełna ochrona przed atakami Cross-Site Request Forgery
Modułowe studia przypadków Dynamic Sub-template Loader Semantyka Szczegółowa treść techniczna wspierająca frazy z długiego ogona

Potrzebujesz wydajnej platformy webowej?

Powierz projekt i realizację dedykowanej aplikacji internetowej studiu TECHNI DAN.

Rozpocznij projekt