README

Astro Plantilla para generar: Blog

npm create astro-plantilla-blog@latest -- --template blog

https://github.com/withastro/astro/assets/2244813/ff10799f-a816-4703-b967-c78997e8323d

blog

Características:

• ✅ Estilo minimalista (¡hazlo tuyo!)
• ✅ Rendimiento 100/100 en Lighthouse
• ✅ SEO amigable con URLs canónicas y datos de OpenGraph
• ✅ Soporte de Sitemap
• ✅ Soporte de RSS Feed
• ✅ Soporte para Markdown y MDX
• ✅ Soporte para React
• ✅ Soporte para NexUi
• ✅ Soporte para auth-astro
• ✅ Soporte para vercel

🚀 Estructura del Proyecto

Dentro de este proyecto Astro, verás las siguientes carpetas y archivos:

├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   └── consts.ts
├── .env.example
├── astro.config.mjs
├── auth.config.mjs
├── README.md
├── package.json
├── tailwind.config.mjs
└── tsconfig.json

Astro busca archivos .astro o .md en el directorio src/pages/. Cada página se expone como una ruta basada en su nombre de archivo.

No hay nada especial sobre src/components/, pero ahí es donde nos gusta colocar cualquier componente de Astro/React/Vue/Svelte/Preact.

El directorio src/content/ contiene “colecciones” de documentos Markdown y MDX relacionados. Usa getCollection() para recuperar publicaciones de src/content/blog/, y verifica el tipo de tu frontmatter usando un esquema opcional. Consulta la documentación de las Colecciones de Contenido de Astro para obtener más información.

Cualquier recurso estático, como imágenes, puede colocarse en el directorio public/.

🧞 Comandos

Todos los comandos se ejecutan desde la raíz del proyecto, desde una terminal:

| Comando | Acción | | --- | --- | | npm install | Instala dependencias | | npm run dev | Inicia el servidor de desarrollo local en localhost:4321 | | npm run build | Construye tu sitio de producción en ./dist/ | | npm run preview | Previsualiza tu construcción localmente, antes de desplegar | | npm run astro ... | Ejecuta comandos CLI como astro add, astro check | | npm run astro -- --help | Obtén ayuda usando el CLI de Astro |

👀 ¿Quieres aprender más?

Consulta la documentación oficial o únete a nuestro al servidor de Discord.

Crédito

Este tema está basado en Bear Blog. Adaptado por dynamicalnet @ccisnerosad