Sitio Web SC-Riber
Sitio web corporativo moderno y adaptable construido con Flutter Web. Ofrece diseño glassmorphism, animaciones fluidas, soporte para modo oscuro y autenticación segura con OAuth + PassKey.
SITIO WEB SC-RIBER
Resumen
El Sitio Web SC-Riber es un sitio web de portafolio corporativo moderno y adaptable, construido completamente con Flutter Web. El proyecto muestra nuestros productos, proyectos y contenido de blog con enfoque en la experiencia del usuario, atractivo visual y seguridad de vanguardia.
Palabras clave: Flutter Web, OAuth, PassKey, WebAuthn, Cloudflare, diseño adaptable, glassmorphism
1. Introducción
El Sitio Web SC-Riber sirve como la cara digital de nuestra empresa, presentando nuestro portafolio de proyectos, productos y experiencia técnica. Construido con tecnología Flutter Web, el sitio ofrece una experiencia consistente y de alta calidad en todas las plataformas y dispositivos.
2. Características Principales
2.1. Diseño Adaptable
Diseño totalmente adaptable que se ajusta perfectamente a pantallas de escritorio, tableta y móvil.
2.2. Temas Claro y Oscuro
Soporte completo de temas con transiciones suaves entre modos oscuro y claro.
2.3. UI Glassmorphism
Estética moderna con elementos glassmorphism, efectos de desenfoque sutiles y superficies translúcidas.
2.4. Animaciones Activadas por Desplazamiento
Microinteracciones atractivas y animaciones activadas por desplazamiento.
2.5. Sistema de Blog
Plataforma de blog integrada con soporte completo de Markdown, filtrado por categorías y funcionalidad de búsqueda.
2.6. Sistema de Inicio de Sesión Moderno (OAuth + PassKey)
Sistema de autenticación de última generación con:
- Integración OAuth 2.0: Inicio de sesión sin problemas con cuentas de Google, GitHub y Discord
- Soporte PassKey: Autenticación sin contraseña usando el estándar WebAuthn/FIDO2
- Gestión Segura de Sesiones: Tokens de sesión cifrados con actualización automática
- Autenticación Multifactor: Seguridad mejorada con múltiples métodos de verificación
2.7. Soporte Multiidioma
Internacionalización completa con soporte para más de 10 idiomas.
3. Arquitectura Técnica
3.1. Frontend
- Flutter Web: Framework de UI multiplataforma
- Diseño Adaptable: Patrones de diseño adaptativos para todos los tamaños de pantalla
- Gestión de Estado: Manejo eficiente de estado con patrón Provider
3.2. Infraestructura Backend
- Cloudflare Workers: Computación edge sin servidor para endpoints de API
- Cloudflare D1: Base de datos compatible con SQLite en el edge
- Cloudflare R2: Almacenamiento de objetos para medios y activos estáticos
- better-auth: Biblioteca de autenticación moderna con soporte OAuth y PassKey
4. Características de Seguridad
- HTTPS en Todas Partes: Todas las conexiones cifradas con TLS 1.3
- Protección CSRF: Protección basada en tokens contra falsificación de solicitudes entre sitios
- Limitación de Velocidad: Protección contra ataques de fuerza bruta y DDoS
- Política de Seguridad de Contenido: Cabeceras CSP estrictas para prevenir ataques XSS
5. Optimizaciones de Rendimiento
- Despliegue Edge: Contenido servido desde más de 200 ubicaciones globales
- Optimización de Activos: Imágenes comprimidas y carga diferida
- División de Código: Carga bajo demanda para cargas de página iniciales más rápidas