albertobas.com

Introducción

Este proyecto es mi página web personal, donde publico artículos y proyectos. El código está escrito en su práctica totalidad en TypeScript utilizando Next.js, un framework de React.js.

La página está en modo oscuro y claro y utiliza la característica de medios prefers-color-scheme de CSS para elegir entre ambos.

Además, esta web está totalmente traducida al inglés.

Detalles técnicos

• Framework: Next.js
• Despliegue: Vercel
• Contenido: MDX
• Estilos: PostCSS

Perspectiva general

• src/components/*: componentes React.js en .tsx.
• src/data/*: archivos MDX utilizados para las páginas en blog y proyectos.
• src/pages/*: páginas estáticas.
• src/styles/*: archivos CSSModules, mixins de postcss y un archivo css global.
• src/utils/*: funciones de soporte, interfaces, hooks, constantes y diccionarios utilizados en algunas traducciones y listas de opciones.
• lang/*: archivos JSON utilizados como fuente para las traducciones. El archivo JSON correspondiente al defaultLocale se genera ejecutando npm run extract-languages.
• compiled-lang/*: archivos JSON generados ejecutando npm run compile-languages, obteniendo traucciones en lang/* y utilizada para formatear mensajes.
• scripts/*: archivos JavaScript utilizados para crear un feed RSS y un sitemap en el script postbuild.
• public/*: archivos estáticos.