Official resource
Qwik Documentation
The official reference for installing, running, building, and deploying Qwik.
Updated course • 2026 Edition
Learn Qwik by building a real modern app.
A practical Qwik course focused on modern architecture, clear progression, and a real-world project built with Qwik, Tailwind, Supabase, and Vercel.
8
Structured chapters
Real app
Learn through practice
Modern stack
Qwik, Supabase, Vercel
Qwik 1.19
Tailwind v4
Supabase Auth
Deployment on Vercel
Prefer the official docs first? Visit Qwik.dev
Learn Qwik
2026 Edition
The actively maintained version of the course, designed to teach Qwik progressively without unnecessary complexity.
Learn Qwik
Introduction:
Interactive Dashboard Overview
2026
Progress
0 / 8 chapters completed
Next step
Introduction
Interactive Dashboard Overview
Understand the architecture of the 2026 edition and how the course is structured.
Practical
Built around an actual application
This is not a vague tour of the framework. You move through real chapters and assemble a concrete project.
Modern
Updated stack and current workflow
Qwik, Tailwind v4, Supabase, auth flows, deployment, and the kind of structure people actually need in 2026.
Progressive
Clear path without useless noise
The point is to understand Qwik by shipping things, not by bathing in a hot tub of over-explained abstraction.
Main course
The 2026 Edition is the version to follow.
Actively maintained, modern, and designed as the main learning path. The Legacy version stays available, but this is the one that deserves the spotlight.
Recommended path: start here unless you specifically need the old version.
2026 Edition
Chapter 0
0
Introduction: Interactive Dashboard Overview
Understand the architecture of the 2026 edition and how the course is structured.
Open chapter
2026 Edition
Chapter 1
1
Chapter 1: Getting Started
Create a new Qwik application using the dashboard starter example and explore the project.
Open chapter
2026 Edition
Chapter 2
2
Chapter 2: CSS Styling
Style your Qwik application with Tailwind and CSS Modules.
Open chapter
2026 Edition
Chapter 3
3
Chapter 3: Icons and SVG Components
Use icon libraries and create custom SVG components.
Open chapter
2026 Edition
Chapter 4
4
Chapter 4: Creating Layouts and Pages
Understand file-based routing in Qwik, create nested routes, and share UI using layout.tsx.
Open chapter
2026 Edition
Chapter 5
5
Chapter 5: Navigating Between Pages
Use Qwik City navigation, replace anchor tags with Link, and highlight the active route.
Open chapter
2026 Edition
Chapter 6
6
Chapter 6: Optimizing Fonts
Optimize font loading in your Qwik application with self-hosting, Fontsource, and font-display.
Open chapter
2026 Edition
Chapter 7
7
Chapter 7: Optimizing Images
Optimize image loading in your Qwik application with automatic image processing, responsive sources, and mobile-friendly rendering.
Open chapter
How it works
Learn by building the project step by step.
The course is structured around a real dashboard application, so each chapter moves the project forward instead of wandering around in theoretical fog.
Step 1
Set up the project
Start from the "LRD-Qwik Dashboard" base and get your local environment ready.
Step 2
Build with real UI blocks
Use ready-made visual foundations and apply Qwik patterns chapter by chapter.
Step 3
Connect real application logic
Bring the dashboard to life with data flows, app logic, and realistic structure.
Step 4
Finish with something deployable
End with a project that feels real, not a toy demo abandoned in a folder.
Progress stays synced
Complete chapters at your own pace and pick up where you left off.
Quick quizzes reinforce learning
Test what you understood as you move through the course.
Secondary reference
Legacy Version
Still available for reference, comparison, or older material. Useful, yes. Main path, no.
Progress: 0 / 12 chapters completed
Legacy
Chapter 0
0
Introduction: Interactive Dashboard Overview
Understand what you are going to build and how the course is structured.
Open chapter
Legacy
Chapter 1
1
Chapter 1: Getting Started
Create a new Qwik application using the dashboard starter example and explore the project.
Open chapter
Legacy
Chapter 2
2
Chapter 2: CSS Styling
Style your Qwik application with Tailwind and CSS modules.
Open chapter
Legacy
Chapter 3
3
Chapter 3: Optimizing Fonts and Images
Continue working on your home page by adding a hero image and a custom font.
Open chapter
Legacy
Chapter 4
4
Chapter 4: Creating Layouts and Pages
Create a new page for your application and learn how to manage layouts.
Open chapter
Legacy
Chapter 5
5
Chapter 5: Navigating Between Pages
Add navigation to your application and learn how to navigate between pages.
Open chapter
Legacy
Chapter 6
6
Chapter 6: Setting Up Your Database
Setup a database for your application and seed it with initial data.
Open chapter
Legacy
Chapter 7
7
Chapter 7: Fetching Data
Learn how to fetch data in Qwik.
Open chapter
Legacy
Chapter 8
8
Chapter 8: Optimizing Data Fetching
Learn how to optimize data fetching in Qwik.
Open chapter
Legacy
Chapter 9
9
Chapter 9: Streaming
Learn how to stream data in Qwik.
Open chapter
Legacy
Chapter 10
10
Chapter 10: Adding Search and Pagination
Learn how to add search and pagination to your Qwik application.
Open chapter
Legacy
Chapter 11
11
Chapter 11: Mutating Data
Learn how to create, update, and delete data in your Qwik application.
Open chapter
Keep going
Go deeper with guides and official Qwik resources.
Once the course gets you moving, use these extra resources to explore specific Qwik topics in more depth.
Course platform
Qwik School
Learn directly from the Qwik ecosystem and its creators.
Open resource
YouTube • Net Ninja
Qwik Crash Course
A practical first look at Qwik by Net Ninja.
Open resource
YouTube • Code Raiders
Full Stack Qwik SaaS App
A longer real-world build focused on application structure.
Open resource
YouTube • RumNCode
Qwik for React Developers
A useful bridge if you come from the React world.
Open resource
External resource
Need a custom Qwik guide?
Get a tailored guide or reach out for help.
Open resource