77 lines
1.9 KiB
Plaintext
77 lines
1.9 KiB
Plaintext
---
|
|
title: Build an app with Astro and Bun
|
|
sidebarTitle: "Astro with Bun"
|
|
mode: center
|
|
---
|
|
|
|
Initialize a fresh Astro app with `bun create astro`. The `create-astro` package detects when you are using `bunx` and installs dependencies with `bun`.
|
|
|
|
```sh terminal icon="terminal"
|
|
bun create astro
|
|
```
|
|
|
|
```txt
|
|
astro Launch sequence initiated.
|
|
|
|
╭─────╮ Houston:
|
|
│ ◠ ◡ ◠ We're glad to have you on board.
|
|
╰─────╯
|
|
|
|
dir Where should we create your new project?
|
|
./fumbling-field
|
|
|
|
tmpl How would you like to start your new project?
|
|
Use blog template
|
|
|
|
deps Install dependencies?
|
|
Yes
|
|
|
|
git Initialize a new git repository?
|
|
Yes
|
|
|
|
✔ Project initialized!
|
|
■ Template copied
|
|
■ Dependencies installed
|
|
■ 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. q + ENTER 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 runs the dev server with Node.js. To use the Bun runtime instead, pass the `--bun` flag.
|
|
|
|
```sh terminal icon="terminal"
|
|
bunx --bun astro dev
|
|
```
|
|
|
|
```txt
|
|
astro v7.2.2 ready in 200 ms
|
|
┃ Local http://localhost:4321/
|
|
┃ Network use --host to expose
|
|
```
|
|
|
|
---
|
|
|
|
Open [http://localhost:4321](http://localhost:4321) in your browser to see the result. Astro hot-reloads the app as you edit your source files.
|
|
|
|
<Frame>
|
|
<img src="https://i.imgur.com/Dswiu6w.png" caption="An Astro starter app running on Bun" />
|
|
</Frame>
|
|
|
|
---
|
|
|
|
See the [Astro docs](https://docs.astro.build/en/getting-started/).
|