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.
|