Astro impresionante
Recursos seleccionados sobre la creación de sitios con Astro , una forma completamente nueva de crear sitios estáticos y renderizados en servidor, con componentes entre marcos, estilo y soporte de tienda reactiva. Si aprecia el contenido y apoya la visibilidad de los proyectos, brinde ?| | ?.
Astro es súper nuevo , mejora y se vuelve más expresivo y poderoso, pero pocas de las API aún están evolucionando. Esta página aspira a recopilar todas las referencias valiosas que existen y ser un recurso útil cuando Astro llegue a su primera versión estable.
Documentos oficiales | Inicie un nuevo proyecto o utilice Code Sandbox
✍️ Blogs
Busque NUEVO junto a los títulos de las publicaciones para encontrar los blogs publicados después de Astro 1.0.
- Presentamos Astro: Ship Less JavaScript - Fred K. Schott
- Una mirada a la construcción con Astro - Chris Coyier
- Pensamientos sobre Astro - Chris Coyier
- Nuestra experiencia con Astro - Georges
- Astro con Netlify CMS, Forestry CMS (revisitado) y Snipcart - Navillus
- Cómo utilizar Astro para crear aplicaciones React sin JavaScript - Colby Fayock
- Cree sitios increíbles y rápidos con Astro: una introducción - Cassidy Williams
- Una primera mirada a Astro, resultados astronómicos
- Por qué es importante Astro
- SvelteKit a Astro
- Primeros pasos con Astro: el innovador generador de sitios estáticos
- Astro se convertirá en su generador de sitios estáticos favorito
- Cree un sitio web de colección de recetas con Astro - Piezas → 1 - 2 - 3 - 4 - 5
- Astro: cree aplicaciones más rápidas con menos JavaScript
- Serie - Aprende Astro mientras creas Ink - Ponte en marcha
- Serie - Aprenda Astro mientras construye Ink - Astro y estructura del sitio
- Serie - Aprenda Astro mientras construye Ink - Astro and Data
- Serie - Aprende Astro mientras construyes Tinta - Astro e Interactividad
- Serie - Aprenda Astro mientras construye Ink - Astro y páginas dinámicas
- Empezando con Astro
- Migrando de SvelteKit a Astro
- Sitio web personal con Astro, Tailwind CSS y Nx
- Astro en los trabajadores de Cloudflare
- El caso de Astro
- Explore los beneficios de Astro.js creando una aplicación rápida NUEVO
- Experimentos con Astro y la API de transición de elementos compartidos NUEVO
- Creación de aplicaciones sin servidor con Fauna + GraphQL + Astro NUEVO
- Aprenda a instalar Astro con Tailwind CSS y Flowbite NUEVO
- Sugerencias automáticas de artículos en Astro NUEVO
- Aprende Astro creando tu portafolio web (Español) NUEVO
- SVG animados: el formato web definitivo NUEVO
- Una introducción al sistema de contenidos de Astro NUEVO
? Vídeos/Screencasts/Twitch
- Astro acaba de lanzarse... ¿Podría ser el marco web definitivo?
- Curso intensivo de Astro de Brad Traversy
- ¿Qué hay de nuevo en Astro v1?
- ¡Pruebo Astro por primera vez!
- Astro y esbelto
- Sitios web modernos con CSS Cascade Layers y Astro
- La próxima ola de marcos web es BYOJS
- Llevando a Astro a dar un paseo - edición portafolios
Pre 1.0
- Envíe menos JavaScript con Astro - Fredd K. Schott y Jason Lengstorf
- Speakeasy JS – Astro: una nueva arquitectura para la Web moderna - Fred K. Schott (YouTube - Speakeasy JS)
- Astro en 100 segundos - Jeff Delaney (Fireship)
- Hablando sobre Astro - Chris Coyier (trucos CSS)
- ¡Astro FTW! Vue y React pueden trabajar juntos en la misma aplicación - Jamstack Fridays
- Aprendiendo Astro con Nate Moore - Nate Moore (YouTube - React Wednesdays)
- Envíe menos JS con Astro - Jamstack Training
- Crea diseños de plantillas para tu HTML con Astro SSG - Kevin Powell
- Cree sitios web más rápidos con Astro
- Añadir comentarios con Airtable y Netlify
- Hacer crecer la comunidad a través del código abierto | Fred K. Schott de Astro| La salsa secreta
? Artículos de reflexión condensados (hilos de Twitter)
- Georges sobre Astro como marco metaweb
- Nate Moore sobre la adopción de Incremental Framework, la compatibilidad con Solid.js y un futuro sin
import React from 'react'
para componentes. - Matthew Phillips sobre Astro para componentes web, elementos personalizados iluminados y renderizados por el servidor
- Matthew Phillips sobre la carga de Astro
- Nate Moore sobre el tamaño básico del paquete JS
- Cree una página de destino en 30 segundos
- Experiencia de enrutamiento del lado del cliente con la API Shared Element Transitions
Repositorios/kits de inicio/componentes
- Astro-react-vue-demostración
- Astro-netlify-iniciador
- Astro Ink: tema de blog personal, nítido y minimalista para Astro
- Astro Me: tema de portafolio personal, minimalista y nítido para Astro
- Kit de inicio Astro
- Tweet estático de Astro
- Ejemplo de traducción de Astro
- Astro Ghost CMS Starter: un iniciador de Ghost CMS para Astro
- Tema Astro - Creek - Un tema de blog para Astro
- Tema Astro - Odessey: un tema de sitio web de marketing creado con Astro y cuidadosamente diseñado para nuevas empresas y empresas.
- Tema Astro - Blog Sarissa - Un tema de blog responsivo para Astro
- Tema Astro - Cactus - Inicial simple y obstinado creado con el marco Astro para blog o sitio web
- Tema Astro - AstroWind - Plantilla iniciada para crear un sitio web usando Astro y Tailwind CSS.
- Tema Astro - Bigspring Light Astro - Tema Astro Business que utiliza Astro y Tailwind CSS.
- Astro TAP Stack: kit de inicio de astros con opinión (escala mecanografiada y viento de cola + Astro + Prisma y planeta)
- Arrancador Astro Deno
- Astro + Supabase + Vercel
- Astro + Snipcart
- Astro-MFE-Demo: muestra cómo configurar un microfrontend que se ejecuta en Astro.
- Refo: un sitio estático y un ejemplo de currículum con componentes con estilo.
- Astro Blog Starter con Netlify CMS: plantilla basada en el kit de inicio de Astro blog + integración de Astro Netlify CMS.
- Catonaut: plantilla de extensión del navegador que utiliza Astro y Bun.
- Astro Saas: plantilla de sitio web SaaS creada con Astro y Tailwind CSS.
- AstroMax: plantilla de página de destino brutalista creada con Astro y Tailwind CSS.
- SwissFolio: una plantilla de página de destino de estilo suizo para uso personal creada con Astro y Tailwind CSS.
- Minimal Studio: una plantilla de página de destino mínima para agencias, estudios o autónomos creada con Astro y Tailwind CSS.
- Gurido Una plantilla de página de destino moderna, divertida y genial para agencias, estudios o autónomos creada con Astro y Tailwind CSS.
- MicroBlog: una elegante plantilla de sitio web de blog creada con Astro, Tailwind CSS y MDX.
- Quick Store: una página de inicio mínima con un tema oscuro para vender productos digitales.
Paquetes Astro/Bibliotecas
- Astro SEO - Mejor SEO con Astro
- Componente Astro Stylesheet: abstrae la monotonía de agregar hojas de estilo a cualquier proyecto Astro
- Astro Command: renderice comandos estáticamente y cree componentes en cualquier idioma
- Astro Pandoc - Representación de Pandoc para Astro
- Astro SPA: la biblioteca SPA para Astro que convertirá su sitio web en una aplicación de una sola página
- Astro Icon: componente de icono sencillo para Astro
- Astro ImageTools: herramientas de optimización de imágenes para el marco Astro JS
- Componentes Astro accesibles
- Imagen de Astro Once
- Astro Forms: los formularios en Astro son fáciles
- Astro Auto-import - Importación automática de componentes en proyectos Astro
- Colección Astro: una colección de componentes y configuraciones de Astro
- Astro Link: detecta href externo/ancla/mismo dominio/correo/teléfono y aplica las optimizaciones correspondientes
- Paginación Sarissa: agregue botones de número de página para la paginación. Agregue y deshabilite números automáticamente como número de página actual.
- Astro Google Fonts Optimizer: una integración de Astro para optimizar el rendimiento de carga de Google Fonts
- Astro SEO Meta: componente Astro para agregar etiquetas que sean relevantes para la optimización de motores de búsqueda (SEO) a sus páginas.
- Astro Heroicons - Heroicons como componentes de Astro
- Astroad: una configuración preconfigurada para un fácil desarrollo de sitios web con Astro y Payload CMS usando Docker.
- Astro Social Share: botones para compartir en redes sociales para su sitio Astro
- Astro Gist: componente Astro para agregar fácilmente las esencias de GitHub a tu blog
- Astro Breadcrumbs: componente de ruta de navegación bien configurable para Astro. Cree rutas de navegación de forma completamente dinámica o especifique exactamente cómo deben verse.
Integraciones astronómicas
- Astro Content: un administrador de contenido estructurado basado en texto, para edición y consumo: integración de AstroJS
- @storyblok/astro - Módulo Astro para Storyblok, CMS sin cabeza
- @unocss/astro - La integración de UnoCSS para Astro
- @yeskunall/umami: agregue Umami Analytics a su sitio web
- Google Font Optimizer: una integración de Astro para optimizar el rendimiento de carga de Google Fonts
- Astro Firebase: implemente su aplicación Astro renderizada del lado del servidor (SSR) en Firebase
- Astro Font Picker: una integración de la barra de herramientas para desarrolladores que le permite probar diferentes fuentes en su sitio web
- ParaglideJS: una pequeña integración i18n con seguridad de tipos que solo envía al cliente mensajes utilizados en islas.
Construido con Astro
- https://astro.build/showcase/ ( Directorio oficial de exhibiciones )
- Diseñodiciembre
- Sin servidor (trucos CSS)
- Trivago - Blog de tecnología
- Rokt
- Iluminar desde el fondo
- Aparentemente.cz
- Banda.replicante
- animerdesateliers.com
- reno.ca
- salsa abierta
- Herramientas T3
- Página de inicio de Easybank (fuente)
- Humnutrición
- leosvel.dev
- eriksolsen.com
- hexarolls.com
- jadezak.com
- superpuesto
- okikio.dev
- bolos-reference.com
- componente-party.dev
- linkhub.online (Fuente)
- firefla.me
- jmae.xyz
- meteorito10
- Exhibición del Astro Hackathon
- andri.dk/
- alquimiacodelab.com
- petar.radojevic.rs
- coolify.io
- zapp.run
- openpartan.com/
- Aidankinzett.com (Fuente)
- ukuvota.world (Fuente)
- Oengi.com
- suministro.en ejecución