astro theme stone

Piedra: tema Astro

Stone es un tema Astro gratuito y de código abierto especialmente diseñado para sitios web de negocios, marketing, SaaS y inicio.

Características clave:

• Construido con CSS y Alpine.js
• 5+ páginas
• Más de 15 secciones
• Diseño limpio y moderno
• Totalmente receptivo
• Modo oscuro y ligero
• Rápido y rendimiento
• Súper ligero
• Ver transiciones (experimental)
• Formatero de código más bonito
• Fuentes de Google
• Iconos remix
• Actualizaciones gratuitas

Empezando

Requisitos

• Conocimiento básico de Astro, HTML y CSS.
• Editor de texto (recomendamos el código Visual Studio)
• Nodo.js 18 o superior.

Instalar dependencias

Navegue a la carpeta de su proyecto e instale sus dependencias:

 npm install

Comenzar

Una vez que la instalación está lista, ahora puede ejecutar su aplicación:

 npm run dev

Esto ejecuta la aplicación en modo de desarrollo. Abra http: // localhost: 3000 para verlo en el navegador.

Construir

 npm run build

Esto crea la aplicación para la producción en la carpeta ./dist/ .

Estructura de proyectos

Dentro del proyecto, verá las siguientes carpetas y archivos:

 /
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

• public/* - Cualquier activo estático (imágenes, fuentes, iconos, ...)
• src/* - Código fuente del proyecto (componentes, páginas, ...)
• src/components/* - Componentes Astro reutilizables utilizados para construir páginas.
• src/layouts/* - componentes Astro que definen la estructura de la interfaz de usuario compartida por una o más páginas.
• src/pages/* - Componentes Astro utilizados para crear nuevas páginas en su sitio. Cada página está expuesta como una ruta basada en su nombre de archivo.
• .prettierrc - archivo de configuración más bonito.
• astro.config.mjs - Archivo de configuración Astro.
• package.json : archivo utilizado por los administradores de paquetes JavaScript para administrar sus dependencias. También define los scripts que se usan comúnmente para ejecutar Astro.
• tailwind.config.cjs - Archivo de configuración de Vaño Tail. La sección temática es donde define su paleta de colores y fuentes.
• tsconfig.json - Archivo de configuración de TypeScript.

Despliegue

¿Listo para construir e implementar su sitio? Siga la documentación oficial.

Apoyo

Si tiene alguna pregunta o sugerencia, no dude en contactarme.

Licencia

Este proyecto tiene licencia bajo los términos de la licencia MIT.