https://github.com/pablomg-dev/astro-tailwind-portfolio
Una plantilla modificada para un portfolio minimalista, accesible y optimizada para SEO. (A modified template for a minimalist, accessible, and SEO-optimized portfolio.)
https://github.com/pablomg-dev/astro-tailwind-portfolio
astrojs personal-portfolio personal-website portfolio tailwind-css typescript website-template
Last synced: 11 months ago
JSON representation
Una plantilla modificada para un portfolio minimalista, accesible y optimizada para SEO. (A modified template for a minimalist, accessible, and SEO-optimized portfolio.)
- Host: GitHub
- URL: https://github.com/pablomg-dev/astro-tailwind-portfolio
- Owner: pablomg-dev
- Created: 2024-10-21T06:13:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-21T01:04:29.000Z (12 months ago)
- Last Synced: 2025-06-21T02:20:58.293Z (12 months ago)
- Topics: astrojs, personal-portfolio, personal-website, portfolio, tailwind-css, typescript, website-template
- Language: Astro
- Homepage: https://astro.build/themes/details/astrozen-personal-portfolio-website/
- Size: 7.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💻 Portfolio Personal con Astro y Tailwind
Portfolio web personal construido con Astro y TailwindCSS, optimizado para rendimiento y SEO. Basado en la plantilla [astro-zen](https://github.com/immois/astro-zen) con mejoras significativas.
## ✨ Características
- ⚡️ **Rendimiento Excepcional** - Generación estática con Astro
- 🎨 **Diseño Minimalista** - Interfaz limpia y moderna
- 📱 **Totalmente Responsivo** - Optimizado para todos los dispositivos
- 🔍 **SEO Optimizado** - Metadatos y estructura optimizada
- ⌨️ **TypeScript** - Tipado estático para mayor seguridad
- 🎭 **Animaciones Suaves** - Transiciones y animaciones de scroll
- 🔧 **Fácil Personalización** - Configuración centralizada
- ♿️ **Accesibilidad** - Siguiendo mejores prácticas WCAG
## 🚀 Inicio Rápido
### Prerrequisitos
- Node.js 18 o superior
- pnpm (recomendado) o npm
### Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/pmg369/astro-tailwind-portfolio.git
cd astro-tailwind-portfolio
```
2. Instala las dependencias:
```bash
pnpm install
```
3. Inicia el servidor de desarrollo:
```bash
pnpm dev
```
## 📝 Comandos Disponibles
| Comando | Descripción |
| :---------------- | :------------------------------------------------ |
| `pnpm install` | Instala las dependencias del proyecto |
| `pnpm dev` | Inicia servidor de desarrollo en `localhost:4321` |
| `pnpm build` | Construye el sitio para producción en `./dist/` |
| `pnpm preview` | Previsualiza la build de producción localmente |
## 🎨 Personalización
1. Modifica los datos en `src/data/` para actualizar el contenido
2. Ajusta los estilos en `src/styles/` según tus preferencias
3. Actualiza las imágenes en `public/images/`
4. Configura el SEO en `astro.config.mjs`
## 🛠️ Tecnologías
- [Astro](https://astro.build/) - Framework web moderno
- [TailwindCSS](https://tailwindcss.com/) - Framework CSS utilitario
- [TypeScript](https://www.typescriptlang.org/) - JavaScript con tipos
- [ESLint](https://eslint.org/) - Linting de código
- [Prettier](https://prettier.io/) - Formateo de código
## 📄 Licencia
Este proyecto está bajo la Licencia MIT - ver el archivo [LICENSE](LICENSE) para más detalles.
## 🤝 Contribuir
Las contribuciones son bienvenidas. Por favor, abre un issue o pull request para sugerir cambios o mejoras.
## 📧 Contacto
Pablo MG - [@pmg369](https://github.com/pmg369)
---
⭐️ Si te gusta este proyecto, ¡dale una estrella en GitHub!