115 lines
3.9 KiB
Plaintext
115 lines
3.9 KiB
Plaintext
---
|
||
title: Build an app with Qwik and Bun
|
||
sidebarTitle: Qwik with Bun
|
||
mode: center
|
||
---
|
||
|
||
Initialize a new Qwik app with `bunx create-qwik`.
|
||
|
||
The `create-qwik` package detects when you are using `bunx` and installs dependencies with `bun`.
|
||
|
||
```sh terminal icon="terminal"
|
||
bun create qwik
|
||
```
|
||
|
||
```txt
|
||
............
|
||
.::: :--------:.
|
||
.:::: .:-------:.
|
||
.:::::. .:-------.
|
||
::::::. .:------.
|
||
::::::. :-----:
|
||
::::::. .:-----.
|
||
:::::::. .-----.
|
||
::::::::.. ---:.
|
||
.:::::::::. :-:.
|
||
..::::::::::::
|
||
...::::
|
||
|
||
|
||
┌ Let's create a Qwik App ✨ (v1.20.0)
|
||
│
|
||
◇ Where would you like to create your new project? (Use '.' or './' for current directory)
|
||
│ ./my-app
|
||
│
|
||
● Creating new project in /path/to/my-app ... 🐇
|
||
│
|
||
◇ Select a starter
|
||
│ Playground App (Qwik City + Qwik)
|
||
│
|
||
◇ Would you like to install bun dependencies?
|
||
│ Yes
|
||
│
|
||
◇ Initialize a new git repository?
|
||
│ No
|
||
│
|
||
◇ Finishing the install. Wanna hear a joke?
|
||
│ Yes
|
||
│
|
||
○ ────────────────────────────────────────────────────────╮
|
||
│ │
|
||
│ How do you know if there’s an elephant under your bed? │
|
||
│ Your head hits the ceiling! │
|
||
│ │
|
||
├──────────────────────────────────────────────────────────╯
|
||
│
|
||
◇ App Created 🐰
|
||
│
|
||
◇ Installed bun dependencies 📋
|
||
│
|
||
○ Result ─────────────────────────────────────────────╮
|
||
│ │
|
||
│ Success! Project created in my-app directory │
|
||
│ │
|
||
│ Integrations? Add Netlify, Cloudflare, Tailwind... │
|
||
│ bun qwik add │
|
||
│ │
|
||
│ Relevant docs: │
|
||
│ https://qwik.dev/docs/getting-started/ │
|
||
│ │
|
||
│ Questions? Start the conversation at: │
|
||
│ https://qwik.dev/chat │
|
||
│ https://twitter.com/QwikDev │
|
||
│ │
|
||
│ Presentations, Podcasts and Videos: │
|
||
│ https://qwik.dev/media/ │
|
||
│ │
|
||
│ Next steps: │
|
||
│ cd my-app │
|
||
│ bun start │
|
||
│ │
|
||
│ │
|
||
├──────────────────────────────────────────────────────╯
|
||
│
|
||
└ Happy coding! 🎉
|
||
|
||
```
|
||
|
||
---
|
||
|
||
Run `bun run dev` to start the development server.
|
||
|
||
```sh terminal icon="terminal"
|
||
bun run dev
|
||
```
|
||
|
||
```txt
|
||
$ vite --mode ssr
|
||
|
||
VITE v7.3.1 ssr ready in 433 ms
|
||
|
||
➜ Local: http://localhost:5173/
|
||
➜ Network: use --host to expose
|
||
➜ press h + enter to show help
|
||
```
|
||
|
||
---
|
||
|
||
Open [http://localhost:5173](http://localhost:5173) in your browser to see the result. Qwik hot-reloads your app as you edit your source files.
|
||
|
||
<Frame></Frame>
|
||
|
||
---
|
||
|
||
See the [Qwik docs](https://qwik.dev/docs/getting-started/) to learn more.
|