mirror of
https://github.com/oven-sh/bun
synced 2026-02-02 15:08:46 +00:00
Add Astro guide (#4110)
This commit is contained in:
72
docs/guides/ecosystem/astro.md
Normal file
72
docs/guides/ecosystem/astro.md
Normal file
@@ -0,0 +1,72 @@
|
||||
---
|
||||
name: Build an app with Astro and Bun
|
||||
---
|
||||
|
||||
Initialize a fresh Astro app with `bunx create-astro`. The `create-astro` package detects when you are using `bunx` and will automatically install dependencies using `bun`.
|
||||
|
||||
```sh
|
||||
$ bunx create-astro
|
||||
╭─────╮ Houston:
|
||||
│ ◠ ◡ ◠ We're glad to have you on board.
|
||||
╰─────╯
|
||||
|
||||
astro v2.10.5 Launch sequence initiated.
|
||||
|
||||
dir Where should we create your new project?
|
||||
./fumbling-field
|
||||
|
||||
tmpl How would you like to start your new project?
|
||||
Use blog template
|
||||
✔ Template copied
|
||||
|
||||
deps Install dependencies?
|
||||
Yes
|
||||
✔ Dependencies installed
|
||||
|
||||
ts Do you plan to write TypeScript?
|
||||
Yes
|
||||
|
||||
use How strict should TypeScript be?
|
||||
Strict
|
||||
✔ TypeScript customized
|
||||
|
||||
git Initialize a new git repository?
|
||||
Yes
|
||||
✔ Git initialized
|
||||
|
||||
next Liftoff confirmed. Explore your project!
|
||||
|
||||
Enter your project directory using cd ./fumbling-field
|
||||
Run bun run dev to start the dev server. CTRL+C to stop.
|
||||
Add frameworks like react or tailwind using astro add.
|
||||
|
||||
Stuck? Join us at https://astro.build/chat
|
||||
|
||||
╭─────╮ Houston:
|
||||
│ ◠ ◡ ◠ Good luck out there, astronaut! 🚀
|
||||
╰─────╯
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Start the dev server with `bunx`.
|
||||
|
||||
By default, Bun will run the dev server with Node.js. To use the Bun runtime instead, use the `--bun` flag.
|
||||
|
||||
```sh
|
||||
$ bunx --bun astro dev
|
||||
🚀 astro v2.10.5 started in 200ms
|
||||
|
||||
┃ Local http://localhost:3000/
|
||||
┃ Network use --host to expose
|
||||
|
||||
01:48:34 PM [content] Watching src/content/ for changes
|
||||
01:48:34 PM [content] Types generated
|
||||
01:48:34 PM [astro] update /.astro/types.d.ts
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. Astro will hot-reload your app as you edit your source files.
|
||||
|
||||
{% image src="https://github.com/vitejs/vite/assets/3084745/bb1d5063-32f4-4598-b33e-50b44a1c4e8a" caption="An Astro starter app running on Bun" %}
|
||||
Reference in New Issue
Block a user