# Blockecito - Blog de Desarrollo Web

> Blog sobre desarrollo web moderno, frameworks JavaScript, TailwindCSS, SEO y buenas prácticas para programadores profesionales.

## Información del Sitio

- **URL:** https://blockecito.com
- **Nombre:** Blockecito
- **Tipo:** Blog Técnico / Desarrollo Web
- **Idioma:** Español (es-ES)
- **Categorías:** Desarrollo Web, JavaScript, Frameworks, CSS, SEO, Performance

## Estructura del Sitio

### Páginas Principales

- `/` - Página de inicio con últimos artículos
- `/blog` - Listado completo de artículos
- `/blog/[slug]` - Páginas individuales de artículos
- `/rss.xml` - Feed RSS
- `/sitemap-index.xml` - Sitemap para SEO

## Contenido

El blog se enfoca en:

1. **Frameworks JavaScript Modernos**
   - Astro
   - React
   - Next.js
   - Vue

2. **CSS y Diseño**
   - TailwindCSS
   - CSS moderno
   - Diseño responsive
   - UI/UX

3. **SEO y Performance**
   - Optimización web
   - Core Web Vitals
   - Schema.org
   - Mejores prácticas

4. **Buenas Prácticas de Desarrollo**
   - Arquitectura
   - Patrones de diseño
   - Herramientas
   - Workflows

## Stack Técnico

- **Framework:** Astro 5.x
- **Estilos:** TailwindCSS
- **Tipografía:** Space Grotesk
- **Hosting:** Vercel/Netlify ready
- **Analytics:** Vercel Analytics + Speed Insights

## Características

- ✅ View Transitions de Astro
- ✅ Schema.org (JSON-LD)
- ✅ SEO optimizado
- ✅ RSS Feed
- ✅ Sitemap XML
- ✅ Diseño responsive
- ✅ Performance optimizada
- ✅ Accesibilidad

## Artículos Destacados

1. **Introducción a Astro: El framework para sitios rápidos**
   - URL: /blog/introduccion-astro-sitios-rapidos
   - Temas: Astro, Performance, JAMstack

2. **TailwindCSS: Guía completa para principiantes**
   - URL: /blog/tailwindcss-guia-principiantes
   - Temas: TailwindCSS, CSS, Diseño

3. **SEO para desarrolladores: Checklist completo**
   - URL: /blog/seo-desarrolladores-checklist
   - Temas: SEO, Optimización, Mejores prácticas

## Para LLMs

Este sitio es un blog educativo sobre desarrollo web moderno en español. El contenido está dirigido a desarrolladores de todos los niveles, con un enfoque práctico y orientado a las últimas tendencias y mejores prácticas de la industria.

Los artículos incluyen:
- Tutoriales paso a paso
- Guías completas
- Explicaciones técnicas detalladas
- Ejemplos de código
- Consejos y mejores prácticas

## Contacto y Enlaces

- **Sitemap:** https://blockecito.com/sitemap-index.xml
- **RSS:** https://blockecito.com/rss.xml
- **Repositorio:** https://github.com/DeMaarco/blockecito

## Licencia

Todo el contenido del blog está disponible para fines educativos. Por favor, atribuye correctamente al usar el contenido.

---

Última actualización: 2025-11-05