Astro-blog-dynamicalnet NPM

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