Portafolio

ortamarco.me es mi portafolio personal: muestra mis proyectos, alberga un blog técnico en MDX y publica una colección de herramientas para desarrolladores y administradores de red. Está construido sobre Astro 6 en modo SSR con el adapter de Node standalone, con prerenderizado opt-in en las páginas estáticas para conservar rendimiento y SEO sin renunciar a endpoints dinámicos.

Características

• Astro 6 SSR + prerender selectivo: páginas estáticas opt-in con export const prerender = true y endpoints dinámicos donde se necesitan.
• i18n ES/EN: el español es el idioma por defecto; el inglés vive bajo /en/ con su propia copia de páginas y traducciones centralizadas en src/i18n/.
• Blog en MDX con resaltado de sintaxis vía Prism y colecciones de contenido tipadas con Zod.
• Herramientas internas (decodificador JWT, lookups DNS/SSL/IP, conversores, etc.) implementadas como islas Preact con sus endpoints src/pages/api/tools/.
• Formularios como Astro Actions validados con Zod (contacto, cotizador y newsletter), que envían correo transaccional vía Mailgun.
• Búsqueda estática con Pagefind: índice generado en build y consumido por /search sin coste de servidor.

Stack técnico

• Astro 6 con @astrojs/node (standalone) en modo SSR
• TypeScript estricto en toda la base de código
• Preact para componentes interactivos (islas)
• Tailwind CSS 4 como plugin de Vite, sin tailwind.config
• Alpine.js para interacciones ligeras (toggle de navegación)
• Pagefind para el índice de búsqueda estático
• Astro Content Collections como fuente de verdad de blog, proyectos, herramientas y datos estáticos

Demo

Ver la página de inicio →

Objetivo

Servir como hub profesional y técnico: portafolio, blog y herramientas en un mismo dominio, con una experiencia de lectura rápida, accesible y bilingüe, y una base de código que también funcione como caso de estudio del propio stack.