Qwik

Qwik is a JavaScript framework designed for high performance web applications with a focus on fast load times, providing users with an optimal browsing experience. It achieves this by prioritizing rendering of page components based on user interaction and visibility, thus enabling efficient loading of resources. Qwik is designed with SEO and quick developer experience in mind.

Qwik versions

The template now support the following versions of Qwik: >=1.2

May works with other versions, but not tested.

Qwik installation

To use this template, you need to install Qwik first. You can do it by following the official documentation

With NPM

dcmd toolbox start
npm create qwik@latest

Get the template

At root of your project (where the package.json file is located), run the following command:

dcmd template get qwik

Configure the template

• Create and configure the environnement file by copying the .env.example file to .env
• Set the name of your project in the docker-compose.yml file
• Set the right name for your virtual host in .docker/etc/apache/httpd-vhosts.conf

More information here : project configuration

Initialize the project

At root of your project (where the package.json file is located), run the following command:

dcmd up

Start the project

At root of your project (where the package.json folder is located), run the following command:

dcmd vite

Website URL

You're good to go! You can now access your project at : http://${PROJECT_NAME}.dev.local Or : http://localhost:5143