Getting Started Qwikly
Creating an app using the CLI
The first step is to create an application. Qwik comes with a CLI that allows you to create a basic working skeleton of an application. We will use the CLI to create a blank starter so that you can quickly familiarize yourself with it.
Run the Qwik CLI in your shell
npm create qwik@latest
The CLI will guide you through an interactive menu to set the project-name and select one of the starters:
After your new app is created, you will see an output like the following in your terminal:
💫 Let's create a Qwik app 💫 ✔ Project name … qwik-app ✔ Select a starter › Blank ✔ Features › Prettier ⭐️ Success! Project saved in qwik-app directory 🤖 Next steps: cd qwik-app npm install npm start 💬 Questions? Start the conversation at: https://qwik.builder.io/chat https://twitter.com/QwikDev
At this point, you will have
qwik-app directory, that contains the starter app.
Running in development
Once the application is download.
- Change into the directory created by the
npm create qwik@latest.
- Install NPM modules:
- Invoke the dev server
- You should see a server running with your To-do application
VITE v3.0.2 ready in 140 ms ➜ Local: http://localhost:5174/ ➜ Network: use --host to expose
- Visit http://localhost:5174/ to explore the app.
Here are some useful commands to get you started. For a complete list please refer to
npm start: alias to
npm run dev(this currently defaults to running dev.ssr)
npm run dev.client: starts the dev server in client bootstrap mode
npm run dev.ssr: starts the dev server with SSR
npm run build: builds the application for production