Introducing Qwik starters - get up and running with Qwik now

Miško Hevery· December 14, 2021

5 min read

Nothing is more satisfying than playing with code and discovering new things! Yes, it is finally here, npm init qwik for you to try and discover a different way to build web apps that stay lean and performant no matter their size. It is the same technology that is powering builder.io and gets 100/100 PageSpeed.

Qwik starter CLI is a simple starter for you to try experimenting with Qwik first hand and to get a better understanding of just how different it is.

The CLI consist of these four examples, that will be expanded in the near future:

starter: A basic hello world.
starter-builder: A basic hello world integrated with Builder's Qwik API.
starter-partytown: A basic hello world showing how expensive tasks can be run on web-worker with Partytown
todo: A classic TodoMVC application.

Basic Starter

> npm init qwik 💫 Let's create a Qwik project 💫 ✔ Project name … qwik-starter ✔ Select a starter › Starter ✔ Select a server › Express ⭐️ Success! Project saved in qwik-starter directory 📟 Next steps: cd qwik-starter npm install npm start > (cd qwik-starter; npm install; npm start)

Try it in StackBlitz.

Starter with Builder Qwik API

> npm init qwik 💫 Let's create a Qwik project 💫 ✔ Project name … qwik-builder ✔ Select a starter › Starter Builder ✔ Select a server › Express ⭐️ Success! Project saved in qwik-builder directory 📟 Next steps: cd qwik-builder npm install npm start > (cd qwik-builder; npm install; npm start)

Try it in StackBlitz.

Starter with Partytown

> npm init qwik 💫 Let's create a Qwik project 💫 ✔ Project name … qwik-partytown ✔ Select a starter › Starter Partytown ✔ Select a server › Express ⭐️ Success! Project saved in qwik-partytown directory 📟 Next steps: cd qwik-partytown npm install npm start > (cd qwik-partytown; npm install; npm start)

Classic TodoMVC

> npm init qwik 💫 Let's create a Qwik project 💫 ✔ Project name … qwik-todo ✔ Select a starter › Todo ✔ Select a server › Express ⭐️ Success! Project saved in qwik-todo directory 📟 Next steps: cd qwik-todo npm install npm start > (cd qwik-todo; npm install; npm start)