La plantilla Portfolio Astro incluye una portada, páginas de proyectos y estilos adaptables. Está pensada como una base pequeña que puedas entender y modificar.
Instala y ejecuta
Descarga el ZIP y descomprímelo. Necesitas Node.js 22.12 o superior. Abre una terminal en la carpeta que contiene package.json y ejecuta:
npm install
npm run devAbre la dirección que indique la terminal. Los cambios en los archivos se reflejarán mientras el servidor de desarrollo siga abierto.
Personaliza tu contenido
Edita src/data.ts. Allí están el nombre, la presentación y los proyectos de ejemplo. Cada proyecto tiene un slug que define su dirección, un título, un resumen y una descripción.
Usa identificadores cortos, en minúsculas y separados por guiones. No repitas el mismo identificador en dos proyectos. Sustituye todo el contenido de ejemplo antes de publicar.
Cambia la identidad visual
Los estilos viven en src/styles.css. Empieza por las variables de color y después ajusta los espacios o la tipografía. No necesitas Tailwind ni una librería de componentes para usar esta plantilla.
La portada está en src/pages/index.astro. Las páginas de proyecto se generan desde src/pages/proyectos/[slug].astro. El documento HTML compartido está en src/layouts/Layout.astro.
Genera la entrega
npm run build
npm run previewLa carpeta dist contiene el sitio generado. Revisa las páginas interiores y el diseño en móvil antes de subirla a un alojamiento estático. Sigue la guía de revisión para comprobar el recorrido.