Project: ALIANZA PARA EL PROGRESO - Full-Stack Web Development | Pool Deza
Details, tech stack, key features, and impact of ALIANZA PARA EL PROGRESO
Official website for the Peruvian political party featuring an admin panel, resource management, and multilingual ES/QU support.
APP is the official website for the Peruvian political party Alianza Para el Progreso, with an institutional site, full administrative panel, and resource management. I developed a full-stack multilingual (ES/QU) ecosystem with OAuth authentication, file management, subscription newsletters, and a dynamic congress member grid.
As the Full-Stack Developer (Tech Lead), I was responsible for the entire architecture, designing the role system (admin/subadmin), performance optimization, multi-module integration, and Vercel + Docker deployment.
The system processes 10K+ monthly visits with 99.9% uptime and enterprise SEO ranking #1 on Google Peru for party searches.
- RoleTech Lead
- Year2025
- StackNext.js 15, TS, MySQL
- StatusIn Production
- Visits/mo10K+
- Uptime99.9%
NextAuth.js, Google OAuth, JWT, granular roles
next-intl (ES/QU), dynamic routing [locale]
Nodemailer, newsletters + notifications
Framer Motion, easing effects
Dynamic hero, informative sections, interactive QR popup, and full dark mode.
Timeline featuring EFOP (School of Political Formation), image galleries, and events.
Grid of 10+ congress members with links to social media (Facebook, Instagram, X, TikTok, YouTube).
Category hierarchy (educational, financial, technical), global search, and file downloads.
Email validation, Nodemailer, subscriber management with admin panel.
Admin (total access), SubAdmin (partial management), User (read-only). Full RBAC.
Implemented next-intl with dynamic routing [locale]. Persistent language context in localStorage. Dynamic metadata with getTranslations().
Prisma schema with nested categories. Global recursive search with O(n) complexity. Dual cursor-based + offset-based pagination. UI featuring breadcrumbs.
Lazy loading with intersection observer + skeleton loaders. Image optimization with next/image + WebP. Prisma queries with selective select.
TypeScript 99.6% coverage. Private political party project. Clean structure: `(alianzaparaelprogreso)` for public, `(admin)` for private. Multi-stage Docker + automated Vercel deployment. Initial data seed scripts. Versioned Prisma migrations. NextAuth.js with role-based custom callback.