Portfolio UX con Astro: la V1 ya está lista

Cómo va todo?

A ver… te cuento cómo seguimos con el Portfolio UX que montamos con Astro y OpenCode.

En las partes 1 y 2 conseguimos una v1 funcional, responsive y con buena base.

Y en las 2 nuevas sesiones nos centramos en mejorar los componentes y preparar el proyecto para que otra persona pueda descargarlo, editarlo y publicarlo.

👇

En la parte 3 creamos un nuevo header responsive usando 3 referencias de Figma: desktop, tablet y mobile.

La primera versión tuvo algunos problemas con el menú burger y el desplegable a pantalla completa, pero fuimos corrigiéndolos con prompts más pequeños y probando cada cambio directamente en el navegador.

También montamos un nuevo footer, añadimos una página de Contacto y sustituimos el filtro de categorías de proyectos (en la Home) por instancias de componentes Button, los botones que ya existían en el proyecto.

Y en la parte 4 añadimos una variante ghost para los botones del header y reemplazamos los proyectos placeholder por documentación.

👇

Ahora el Portfolio UX incluye contenidos para explicar cómo instalar Astro, editar las páginas y proyectos, trabajar con archivos Markdown, cambiar las imágenes y personalizar los datos globales en un archivo llamado site.ts.

También implementamos reglas SEO y dejamos fuera del sitemap la página Componentes, que solamente la estamos usando durante el desarrollo.

Todavía falta revisar parte de la documentación, probar la instalación desde cero y publicar el repositorio en GitHub.

La v1 está lista, en breve te pasaré link por si lo quieres probar.

después dedicaremos más vídeos al Portfolio UX, para añadir nuevos apartados y bloques que vaya pidiendo la comunidad.

Si tienes alguna sugerencia, responde este mail,

🙌