← Voltar aos projetos Site · Desenvolvimento web e móvel

TECHNI DAN

O site de portefólio da TECHNI DAN, desenvolvido com Symfony para apresentar projetos web e móveis, serviços e competências técnicas.

TECHNI DAN
PROJETO

O projeto

Uma aplicação Symfony multilingue com Twig, Bootstrap, JavaScript e MySQL, com encaminhamento localizado, metadados SEO, páginas de portefólio, design responsivo e uma apresentação animada de estúdio digital.

Arquitetura de Sistema & Motor Full-Stack

A plataforma da TECHNI DAN foi desenvolvida com Symfony 7 e PHP 8.3. Alia a fiabilidade da renderização no servidor (SSR) através do Twig a um pipeline frontend moderno impulsionado por Webpack Encore, Hotwire Turbo e 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

SEO Internacional & 14 Idiomas

Encaminhamento localizado, slugs traduzidos e sitemaps XML automáticos para visibilidade global sem duplicação de conteúdo.

Experiência Visual Fluida

Animações a 60 FPS sem bloquear o processamento principal nem comprometer as métricas Core Web Vitals.

Segurança Backend & Robustez

Arquitetura Symfony moderna sem estado, proteção CSRF avançada e conformidade estrita com o RGPD.

1. Encaminhamento Localizado & Arquitetura SEO Internacional

A plataforma suporta 14 idiomas de forma nativa sem duplicação de controladores, garantindo uma indexação ideal no Google:

  • Slugs de URLs Traduzidos: Cada rota do Symfony dispõe de caminhos personalizados em função do idioma (ex.: /pt/projetos, /fr/realisations, /en/portfolio).
  • Matriz de Alternância hreflang: Geração automática no cabeçalho de 14 tags alternate com valor x-default direcionado para o idioma principal.
  • Comando CLI para Sitemap Automatizado: Comando de consola do Symfony (app:generate-sitemap) que compila todas as rotas estáticas e projetos dinâmicos em XML.
  • Negociação de Idioma com EventSubscriber: Redirecionamento automático de novos visitantes para o seu idioma preferido sem sobrepor as escolhas manuais.

2. Motor de Animação & Desempenho Frontend

O frontend associa um design imersivo de estúdio digital a tempos de carregamento instantâneos:

Deslocamento Suave com Lenis

Sincronização perfeita entre o scroll acelerado por hardware e as animações GSAP através do ticker principal.

Paralaxe 3D & Botões Magnéticos

Efeitos de profundidade calculados em tempo real de acordo com a posição do cursor na secção principal.

Acessibilidade & Movimento Reduzido

Desativação automática e elegante das animações para utilizadores com a opção prefers-reduced-motion ativa.

3. Segurança Empresarial & Proteção CSRF sem Estado

O tratamento de dados e formulários respeita os mais exigentes padrões de segurança web:

  • Proteção CSRF sem Estado (Stateless): Geração criptográfica dinâmica através da Web Crypto API, validada com cookies SameSite Strict e cabeçalhos HTTP.
  • Compatibilidade com Hotwire Turbo: Injeção automática de cabeçalhos de segurança e gestão de cookies em submissões assíncronas geridas pelo Turbo.
  • Dados Estruturados Schema.org: Marcação JSON-LD integral (Organization, WebSite, Person, Service) para incentivar o aparecimento de Rich Snippets no Google.

4. Matriz de Componentes Técnicos

Componente Implementação Técnica Impacto no SEO & Desempenho
Encaminhamento Multilingue Symfony 7 + Route Attributes per Locale SEO Internacional Posicionamento em 14 mercados sem risco de conteúdo duplicado
Gerador de Sitemap Custom Console Command + DOMDocument Crawl Budget Indexação exaustiva e instantânea de todos os URLs pelo Google
Animações & Renderização GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Zero CLS e pontuações de desempenho 95+ no Google Lighthouse
CSRF sem Estado SameOriginCsrfTokenManager + Crypto API Segurança Proteção total contra ataques Cross-Site Request Forgery
Casos de Estudo Modulares Dynamic Sub-template Loader Semântica Conteúdo técnico aprofundado que reforça o posicionamento na cauda longa

Procura uma Plataforma Web de Alto Desempenho?

Confie a conceção e o desenvolvimento da sua aplicação web à medida à TECHNI DAN.

Inicie o seu Projeto →