Usa Bun con Astro
Bun es un entorno y conjunto de herramientas de JavaScript todo en uno. Consulta la documentación de Bun para obtener más información.
Prerrequisitos
Sección titulada Prerrequisitos- Tener Bun instalado localmente en tu máquina. Consulta las instrucciones de instalación en la documentación oficial de Bun.
Crea un nuevo proyecto de Astro con Bun
Sección titulada Crea un nuevo proyecto de Astro con BunCrea un nuevo proyecto de Astro con Bun utilizando el siguiente comando create-astro:
bunx create-astro@latest my-astro-project-using-bunInstalar dependencias
Sección titulada Instalar dependenciasSi estás comenzando un nuevo proyecto utilizando bunx create-astro, la CLI utilizará automáticamente Bun para instalar las dependencias y puedes omitir este paso.
De lo contrario, deberás instalar tus dependencias con Bun:
bun installAgrega Tipos
Sección titulada Agrega TiposBun publica el paquete @types/bun, que contiene los tipos en runtime para Bun.
Instala @types/bun utilizando el siguiente comando:
bun add -d @types/bunUtilizando las integraciones de Astro
Sección titulada Utilizando las integraciones de AstroTambién puedes utilizar cualquiera de las integraciones oficiales de Astro con el comando astro add:
bunx astro add reactEjecuta Astro con Bun
Sección titulada Ejecuta Astro con BunEjecuta el servidor de desarrollo
Sección titulada Ejecuta el servidor de desarrolloPara ejecutar el servidor de desarrollo utilizando Bun como el entorno de ejecución, utiliza el siguiente comando:
bunx --bun astro devConstruyendo tu sitio con Bun
Sección titulada Construyendo tu sitio con BunPara construir tu sitio utilizando Bun como el entorno de ejecución, utiliza el siguiente comando:
bunx --bun astro buildAstro generará la salida de tu sitio en el directorio dist/. Luego, puedes servir tu sitio utilizando el comando preview:
bunx --bun astro previewAgrega SSR con Bun
Sección titulada Agrega SSR con BunComo Bun es compatible con la API de Node.js, puedes usar cualquier adaptador Astro para server-side rendering en tu proyecto Astro:
bunx astro add vercelTesting en Bun
Sección titulada Testing en BunBun incluye un ejecutor de tests rápido, integrado y compatible con Jest a través del comando bun test. Si quieres usarlo consulta la documentación de bun test.
Sin embargo, también es posible utilizar Cypress o Playwright para un enfoque moderno de los tests de aplicaciones web.
Cypress
Sección titulada CypressCypress es una herramienta de tests front-end y tiene la misión de “hacer agradable la experiencia de los tests y generar felicidad en los desarrolladores”. Esto le permite escribir tests de extremo a extremo para tu sitio Astro.
Instala Cypress con el siguiente comando:
bun add cypress --devPara el resto de la configuración y para iniciar tu primer test, sigue el resto del proceso de Cypress en la Guía de testing en Astro.
Playwright
Sección titulada PlaywrightPlaywright es un framework de tests de extremo a extremo que te permite probar tu código Astro en todos los motores de renderizado modernos, incluidos Chromium, WebKit y Firefox.
Instala Playwright utilizando el siguiente comando:
bun create playwrightPara crear tu primer test en Playwright, sigue las instrucciones para el resto del proceso Playwright en la Guía de testing en Astro.
Recursos Oficiales
Sección titulada Recursos OficialesRecursos de la Comunidad
Sección titulada Recursos de la Comunidad¿Estás usando Bun con Astro? ¡Agrega tu entrada de blog o video a esta página!
- Construyendo un sitio de Cloudflare Pages con Bun - entrada de blog