Skip to content

Start building with Qwik

Learn Qwik through the updated 2026 edition and build a fully functional application using modern architecture and best practices.

Learn Qwik

Introduction:

Interactive Dashboard Overview

2026

Learn Qwik Logo

Learn Qwik | 2026 Edition

16 chapters that take you build a modern fully functional Qwik app.

Introduction: Interactive Dashboard Overview

Understand the architecture of the 2026 edition and how the course is structured.

Subscription

Enjoy an ad-free experience and support Learn Qwik.

Access exclusive features for only 1.99€/month.

Cancel anytime. No hidden fees.

How does the course work?

By building a full web application. Step by step.

Screenshots of the dashboard project showing desktop and mobile versions.

Set up your local environment and initializing the "LRD-Qwik Dashboard" Qwik project template.

Use pre-styled components as part of each chapter that leverage Qwik conventions and patterns.

Hook up real application logic and data to bring a fully-fledged demo website to life.

At the end you’ll have a website that’s ready to ship and the knowledge to build and deploy your own.

Your progress will be synced as you complete chapters

Go at your own pace and pick up where you left off

Test your knowledge during each chapter

Take quick quizzes to see what you’ve learned

Learn Qwik | 2026 Edition

The actively maintained version of the course, Built with Qwik 1.19, Tailwind v4, Supabase and deployed on Vercel.

Introduction

Understand the architecture of the 2026 edition and how the course is structured.
1

Getting Started

Create a new Qwik application using the dashboard starter example and explore the project.
2

CSS Styling

Style your Qwik application with Tailwind and CSS Modules.
3

Icons and SVG Components

Use icon libraries and create custom SVG components.

Learn Qwik | Legacy Version

An earlier version of the course. Not actively maintained, but still useful for reference.

Introduction

Understand what you are going to build and how the course is structured.
1

Getting Started

Create a new Qwik application using the dashboard starter example and explore the project.
2

CSS Styling

Style your Qwik application with Tailwind and CSS modules.
3

Optimizing Fonts and Images

Continue working on your home page by adding a hero image and a custom font.
4

Creating Layouts and Pages

Create a new page for your application and learn how to manage layouts.
5

Navigating Between Pages

Add navigation to your application and learn how to navigate between pages.
6

Setting Up Your Database

Setup a database for your application and seed it with initial data.
7

Fetching Data

Learn how to fetch data in Qwik.
8

Optimizing Data Fetching

Learn how to optimize data fetching in Qwik.
9

Streaming

Learn how to stream data in Qwik.
10

Adding Search and Pagination

Learn how to add search and pagination to your Qwik application.
11

Mutating Data

Learn how to create, update, and delete data in your Qwik application.

Looking to go deeper?

Continue learning by using guides.

Qwik school

By creator of Qwik 'Miško Hevery' 🦾
and 'Shai Reznik' 💪

Qwik Crash Course (first look)

YouTube channel
By 'Net Ninja'

Qwik JS - How to Build a Full Stack SAAS Application

YouTube channel
By 'Code Raiders'

Qwik comparison for React developers

YouTube channel
By 'RumNCode 🥃'

Do you have a guide to Qwik?

Get it here!
Contact me

Qwik Documentation

The complete resource for installing, running, building with, and deploying Qwik

View the Documentation