![albertobas.com](/_next/image?url=%2Fimages%2Fprojects%2Falbertobas-com%2Fcover.png&w=750&q=100)
Tabla de contenidos
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
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 aldefaultLocale
se genera ejecutandonpm run extract-languages
.compiled-lang/*
: archivos JSON generados ejecutandonpm run compile-languages
, obteniendo traucciones enlang/*
y utilizada para formatear mensajes.scripts/*
: archivos JavaScript utilizados para crear un feed RSS y un sitemap en el scriptpostbuild
.public/*
: archivos estáticos.