Bun

GuidesEcosystem

Build an app with Qwik and Bun

Initialize a new Qwik app with bunx create-qwik.

The create-qwik package detects when you are using bunx and will automatically install dependencies using bun.

bun create qwik

      ............
    .::: :--------:.
   .::::  .:-------:.
  .:::::.   .:-------.
  ::::::.     .:------.
 ::::::.        :-----:
 ::::::.       .:-----.
  :::::::.     .-----.
   ::::::::..   ---:.
    .:::::::::. :-:.
     ..::::::::::::
             ...::::


โ”Œ  Let's create a  Qwik App  โœจ (v1.2.10)
โ”‚
โ—‡  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
โ”‚  Basic App
โ”‚
โ—‡  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.builder.io/docs/getting-started/       โ”‚
โ”‚                                                      โ”‚
โ”‚  Questions? Start the conversation at:               โ”‚
โ”‚  https://qwik.builder.io/chat                        โ”‚
โ”‚  https://twitter.com/QwikDev                         โ”‚
โ”‚                                                      โ”‚
โ”‚  Presentations, Podcasts and Videos:                 โ”‚
โ”‚  https://qwik.builder.io/media/                      โ”‚
โ”‚                                                      โ”‚
โ”‚  Next steps:                                         โ”‚
โ”‚  cd my-app                                           โ”‚
โ”‚  bun start                                           โ”‚
โ”‚                                                      โ”‚
โ”‚                                                      โ”‚
โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฏ
โ”‚
โ””  Happy coding! ๐ŸŽ‰

Run bun run dev to start the development server.

bun run dev
  $ vite--mode ssr

  VITE v4.4.7  ready in 1190 ms

  โžœ  Local:   http://localhost:5173/
  โžœ  Network: use --host to expose
  โžœ  press h to show help

Open http://localhost:5173 with your browser to see the result. Qwik will hot-reload your app as you edit your source files.

Qwik screenshot

Refer to the Qwik docs for complete documentation.