¡Crea un sitio web rápido y moderno usando astro!
Recetas:
astro
arranque nuevo
animar
documentación: https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html
demostración: https://astroboyweb.netlify.app/
página de inicio: https://astroman.vercel.app/
vídeo: https://www.youtube.com/watch?v=PjAUuI21ko4
¿Qué novedad?
Pantalla de bienvenida
Animación completa incluye
git clone https://github.com/mesinkasir/astroweb.git
? ¿ Astronauta experimentado? Elimina este archivo. ¡Divertirse!
Características:
✅ Configuración compatible con SEO con URL canónicas y datos OpenGraph
✅ Soporte completo de rebajas
✅ Generación RSS 2.0
✅ Generación de sitemap.xml
Dentro de su proyecto Astro, verá las siguientes carpetas y archivos:
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
Astro busca archivos .astro
o .md
en el directorio src/pages/
. Cada página se expone como una ruta según su nombre de archivo.
No hay nada especial en src/components/
, pero ahí es donde nos gusta colocar los componentes Astro/React/Vue/Svelte/Preact.
Cualquier recurso estático, como imágenes, se puede colocar en el directorio public/
.
Todos los comandos se ejecutan desde la raíz del proyecto, desde una terminal:
Dominio | Acción |
---|---|
npm install | Instala dependencias |
npm run dev | Inicia el servidor de desarrollo local en localhost:3000 |
npm run build | Construya su sitio de producción en ./dist/ |
npm run preview | Obtenga una vista previa de su compilación localmente, antes de implementarla |
No dudes en consultar nuestra documentación o acceder a nuestro servidor de Discord.