Caso de estudio · 2025
Parroquia San Antonio de Padua
Aplicación web en Next.js 15 con CMS headless, panel administrativo y soporte PWA
Visitar proyecto- Cliente
- Parroquia San Antonio de Padua
- Proyecto
- Aplicación Web Completa + PWA
- Entrega
- 2025
Contexto y respuesta
El proyecto, sin adornos.
Desarrollé la aplicación web completa para la Parroquia San Antonio de Padua de Belén, Costa Rica, utilizando las tecnologías más modernas del ecosistema web. La plataforma integra Next.js 15 con TypeScript y Contentful como headless CMS, proporcionando una solución escalable y fácil de mantener.
El sistema incluye un panel administrativo completo con autenticación JWT, permitiendo a los administradores gestionar noticias, eventos, homilías, galería de imágenes y servicios parroquiales de forma intuitiva. La seguridad está reforzada con rate limiting, hashing bcrypt(12 salt rounds) y cookies HTTP-only con configuración de seguridad avanzada.
Una característica destacada es su implementación como Progressive Web App (PWA)con Service Worker personalizado, permitiendo caching offline, instalación como aplicación nativa y actualizaciones automáticas de contenido. El diseño cumple con WCAG 2.1 AA para accesibilidad completa, incluyendo navegación por teclado, soporte para lectores de pantalla y tema claro/oscuro persistente.
Arquitectura
Tecnología con una función clara.
Cada herramienta se eligió por su aporte al rendimiento, la operación o la capacidad de crecimiento del proyecto.
- 01
Next.js 15.3.5
Framework React con App Router y SSR
- 02
TypeScript 5.6
Tipado estático para código robusto
- 03
Tailwind CSS 4.1.11
Framework CSS utility-first moderno
- 04
Contentful
Headless CMS para gestión de contenido
- 05
JWT (jose)
Autenticación sin estado segura
- 06
Progressive Web App
Service Worker y caching offline
Capacidades
Lo que hace posible.
- 01
Plataforma Parroquial Completa
Sistema integral con noticias, eventos, homilías, galería de imágenes, información de sacerdotes y servicios parroquiales
- 02
Panel Admin Seguro
Autenticación JWT con tokens seguros, rate limiting (5 intentos), hashing bcrypt y cookies HTTP-only
- 03
Gestión Headless CMS
Integración Contentful con CRUD completo, editor enriquecido Rich Text y gestión multimedia optimizada
- 04
Progressive Web App
Service Worker personalizado, caching offline, instalación como app nativa y actualizaciones automáticas
- 05
Diseño Accesible
WCAG 2.1 AA completo, navegación por teclado, screen reader support, tema claro/oscuro persistente
- 06
SEO Optimizado
Server-Side Rendering, generación estática, meta tags dinámicos y Open Graph optimizado
Construcción
Decisiones detrás del resultado.
Una mirada a las piezas técnicas que sostienen la experiencia y facilitan su mantenimiento.
- 01
Frontend Moderno
Next.js 15.3.5 con App Router, TypeScript 5.6 para tipado estático, Tailwind CSS 4.1.11 utility-first, y Lucide React para iconografía moderna
- 02
Backend & CMS
Contentful como Headless CMS, Next.js API Routes para backend serverless, autenticación JWT sin estado y bcryptjs para hashing seguro
- 03
Seguridad Multi-Capa
Middleware de autenticación en rutas admin, validación de tokens en cada request, limpieza automática de tokens inválidos y verificación de usuarios activos
- 04
Optimización de Rendimiento
Server-Side Rendering (SSR), generación estática para páginas de alto tráfico, optimización automática de imágenes con Next.js Image
01
Módulos Principales
Sistema de Autenticación
JWT con expiración de 24 horas, hashing bcrypt (12 salt rounds), rate limiting con bloqueo temporal de 15 minutos
Gestión de Contenido
CRUD completo para noticias, eventos, posts y servicios. Editor enriquecido con Rich Text y estado de publicación en tiempo real
Panel Administrativo
Dashboard con estadísticas en tiempo real, gestión multimedia con optimización automática de imágenes
Experiencia de Usuario
Diseño responsivo adaptado a todos los dispositivos, animaciones fluidas, lazy loading inteligente y tipografía optimizada
02
Funcionalidades del Sistema
03
Seguridad Implementada
Autenticación
- JWT Tokens con expiración de 24 horas
- Rate Limiting con bloqueo temporal
- Hashing seguro con bcrypt (12 salt rounds)
- Cookies HTTP-only con flags de seguridad
Protección de APIs
- Middleware de autenticación en rutas admin
- Validación de tokens en cada request
- Limpieza automática de tokens inválidos
- Verificación de usuarios activos
Resultado
Parroquia San Antonio de Padua
Impacto del proyecto
La plataforma le da a la Parroquia San Antonio de Padua un canal moderno para comunicarse con su comunidad. Tiene un diseño accesible y un panel que le permite al equipo publicar noticias, eventos y homilías sin depender de nadie técnico.
El siguiente paso