Usa bun con Astro

Bun è un runtime e toolkit JavaScript all-in-one. Per maggiori informazioni, consulta la documentazione di Bun.

Prerequisiti

Bun installato localmente sulla tua macchina. Consulta le istruzioni di installazione nella documentazione ufficiale di Bun.

Crea un nuovo progetto Astro con Bun

Crea un nuovo progetto Astro con Bun usando il seguente comando create-astro:

bunx create-astro@latest my-astro-project-using-bun

Puoi creare anche un nuovo progetto Astro da qualsiasi repository Astro GitHub esistente (EN) usando il flag --template:

bunx create-astro@latest my-astro-project-using-bun --template eliancodes/brutal

Installare le dipendenze

Se stai avviando un nuovo progetto usando bunx create-astro, la CLI utilizzerà automaticamente Bun per installare le dipendenze e puoi saltare questo passaggio.

Altrimenti, dovrai installare le dipendenze con Bun:

bun install

Aggiungere i Types

Bun pubblica i tipi di runtime per Bun nel pacchetto @types/bun.

Installa @types/bun usando il seguente comando:

bun add -d @types/bun

Usare le integrazioni di Astro

Potresti anche usare qualsiasi integrazione ufficiale di Astro con il comando astro add:

bunx astro add react

Esegui Astro con Bun

Esegui il server di sviluppo

Per eseguire il server di sviluppo usando Bun come runtime, usa il seguente comando:

bunx --bun astro dev

Crea il tuo sito con Bun

Per creare il tuo sito usando Bun come runtime, usa il seguente comando:

bunx --bun astro build

Astro scriverà l’output del tuo sito nella cartella dist/. Puoi servire il tuo sito usando il comando preview:

bunx --bun astro preview

Aggiungere l’SSR con Bun

Poiché Bun supporta la compatibilità con le API di Node.js, puoi usare qualsiasi adattatore Astro per il rendering lato server (EN) al tuo progetto Astro:

bunx astro add vercel

Testare con Bun

Bun è fornito con un test runner integrato, veloce e compatibile con Jest, tramite il comando bun test. Se vuoi usarlo, leggi la documentazione di bun test.

Comunque, è anche possibile usare Cypress o Playwright per un approccio moderno al testing delle web app.

Cypress

Cypress è un tool di testing front-end e ha come obiettivo “rendere l’esperienza di testing piacevole e generare felicità per gli sviluppatori”. Questo ti permette di scrivere test end-to-end per il tuo sito Astro.

Installa Cypress con il seguente comando:

bun add cypress --dev

Per il resto della configurazione e per iniziare il tuo primo test, segui il resto del processo di Cypress nella Guida al Testing di Astro (EN).

Playwright

Playwright è un framework di testing end-to-end che ti permette di testare il tuo codice Astro su tutti i moderni motori di rendering, inclusi Chromium, WebKit e Firefox.

Installa Playwright con il seguente comando:

bun create playwright

Per creare il tuo primo test di Playwright, segui le istruzioni per il resto del processo di Playwright nella Guida al Testing di Astro (EN).

Risorse Ufficiali

Crea un app con Astro e Bun

Risorse della Community

Usi Bun con Astro? Aggiungi il tuo blog post o video a questa pagina!

Crea un sito con Cloudflare Pages usando Bun - blog post

Contribuisci

Comunità