Mi Portafolio construido en Astro

Como instalar Astro

pnpm create astro@latest

Como instalar Tailwind

pnpm astro add tailwindcss

Estructura del proyecto

/
├── public/
│   └── favicon.svg
├── src
│   ├── components
│   │   └── Welcome.astro
│   ├── layouts
│   │   └── Layout.astro
│   └── pages
│   |   └── index.astro
│   └── styles
│   |   └── global.css
│   └── icons
│   |   └── github.astro
│   |   └── linkedin.astro
│   |   └── instagram.astro
│   |   └── tailwind.astro
│   |   └── astroicon.astro
│   |   └── nodejs.astro
│   |   └── nextjs.astro
│   |   └── reacticon.astro
└── package.json

Utilizando Shadcn y Animate UI

Con estos componentes puedes crear animaciones y estilos para tu portafolio.

Shadcn

Animate UI

comandos para iniciar el proyecto

Todos los comandos se ejecutan desde la raiz del proyecto, desde un terminal:

Comando	Accion
pnpm install	Instala dependencias
pnpm run dev	Inicia el servidor de desarrollo local en localhost:4321

👀 ¿Quieres aprender mas?

Puedes verificar la documentacion oficial de Astro en Astro docs or jump into our Discord server.