← Volver a los proyectos Sitio web · Desarrollo web y móvil

TECHNI DAN

El sitio web de portafolio de TECHNI DAN, desarrollado con Symfony para presentar proyectos web y móviles, servicios y experiencia técnica.

TECHNI DAN
PROYECTO

El proyecto

Una aplicación Symfony multilingüe con Twig, Bootstrap, JavaScript y MySQL, con enrutamiento localizado, metadatos SEO, páginas de portafolio, diseño responsive y una presentación animada de estudio digital.

Arquitectura del Sistema & Motor Full-Stack

La plataforma de TECHNI DAN está construida con Symfony 7 y PHP 8.3. Combina la fiabilidad del renderizado del lado del servidor (SSR) mediante Twig con un flujo frontend moderno impulsado por Webpack Encore, Hotwire Turbo y 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

Enrutamiento localizado, slugs traducidos y sitemaps XML automáticos para visibilidad global sin duplicidad de contenido.

Experiencia Visual Fluida

Animaciones suaves a 60 FPS sin bloquear el hilo principal ni perjudicar las métricas Core Web Vitals.

Seguridad Backend & Robustez

Arquitectura Symfony moderna sin estado, protección CSRF avanzada y cumplimiento estricto del RGPD.

1. Enrutamiento Localizado & Arquitectura SEO Internacional

La plataforma soporta 14 idiomas de forma nativa sin duplicar controladores, garantizando una indexación óptima en Google:

  • Slugs de URLs Traducidos: Cada ruta de Symfony cuenta con rutas personalizadas según el idioma (ej: /es/proyectos, /fr/realisations, /en/portfolio).
  • Matriz de Alternancia hreflang: Generación automática en el encabezado de 14 etiquetas alternate con valor x-default hacia el idioma principal.
  • Comando CLI para Sitemap Automatizado: Comando de consola Symfony (app:generate-sitemap) que compila todas las rutas estáticas y proyectos dinámicos en XML.
  • Negociación de Idioma con EventSubscriber: Redirección automática de nuevos visitantes a su idioma de preferencia sin sobrescribir las selecciones manuales.

2. Motor de Animación & Rendimiento Frontend

El frontend combina un diseño inmersivo de estudio digital con tiempos de carga instantáneos:

Desplazamiento Suave con Lenis

Sincronización milimétrica entre el scroll acelerado por hardware y las animaciones GSAP mediante el ticker principal.

Paralaje 3D & Botones Magnéticos

Efectos de profundidad calculados en tiempo real según el movimiento del cursor en la sección principal.

Accesibilidad & Movimiento Reducido

Desactivación automática y elegante de las animaciones para usuarios con prefers-reduced-motion activado.

3. Seguridad Empresarial & Protección CSRF sin Estado

El intercambio de datos y formularios cumple con los más rigurosos estándares de seguridad:

  • Protección CSRF sin Estado (Stateless): Generación criptográfica dinámica mediante la Web Crypto API, validada con cookies SameSite Strict y cabeceras HTTP.
  • Compatibilidad con Hotwire Turbo: Inyección automática de cabeceras de seguridad y gestión de cookies en envíos asíncronos con Turbo.
  • Datos Estructurados Schema.org: Marcado JSON-LD integral (Organization, WebSite, Person, Service) para favorecer la aparición de Rich Snippets en Google.

4. Matriz de Componentes Técnicos

Componente Implementación Técnica Impacto en SEO & Rendimiento
Enrutamiento Multilingüe Symfony 7 + Route Attributes per Locale SEO Internacional Posicionamiento en 14 mercados sin riesgo de contenido duplicado
Generador de Sitemap Custom Console Command + DOMDocument Crawl Budget Indexación completa e instantánea de todas las URLs por parte de Google
Animación & Renderizado GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Cero CLS y puntuaciones 95+ de rendimiento en Google Lighthouse
CSRF sin Estado SameOriginCsrfTokenManager + Crypto API Seguridad Protección absoluta contra ataques Cross-Site Request Forgery
Casos de Estudio Modulares Dynamic Sub-template Loader Semántica Contenido técnico detallado que impulsa el posicionamiento de cola larga

¿Necesitas una Plataforma Web de Alto Rendimiento?

Confía el diseño y desarrollo de tu aplicación web a medida a TECHNI DAN.

Inicia tu Proyecto