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 full-stack app
A free Qwik tutorial built to teach you step by step through a real modern full-stack app.
Free course
Qwik tutorial
Real full-stack app
2026 edition
Learn Qwik
2026 Edition
The actively maintained version of the course, designed to teach Qwik progressively.
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
Start with the 2026 Edition.
It gives you the clearest way to learn Qwik today, through a real project built step by step.
Progress: 0 / 8 chapters completed
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
Qwik tutorial
Learn Qwik by building a real full-stack application.
The course follows one real project from start to finish, so each chapter helps you build something concrete, coherent, and ready for production.
Real project
Build one application from start to finish
Each chapter moves the same project forward, so you learn Qwik through a coherent build instead of disconnected exercises.
Modern stack
Work with a modern full-stack setup
Learn Qwik in a professional environment with modern tools, clear structure, and patterns you can actually reuse in real projects.
Clear progression
Move forward with a structured path
The course is organized chapter by chapter so you always understand what you are building, why it matters, and what comes next.
Practical outcome
Finish with a deployable professional app
The goal is to build a real full-stack application that is structured, professional, and ready to be deployed.
New product • Early access waitlist
Need a faster way to start a real Qwik full-stack SSR app?
The Learn Qwik Starter Pack is a production-minded starting point built around Qwik, Supabase, Tailwind, authentication flows, SSR, and Vercel deployment, so you can skip repetitive setup and focus on building.
Qwik SSR
Supabase
Tailwind
Google + Magic Link
Vercel
No payment yet. Just a clean way to measure interest before the first public release.
Full-stack SSR
A Qwik SSR-first architecture with Supabase already wired for a real modern app.
Auth flows included
Google auth, Magic Link, protected routes, and a cleaner path to real user access.
Production-minded setup
Tailwind, Vercel deployment, environment variables, and an easier starting point to extend.
Positioning
Not “just a template”. A practical shortcut to a cleaner, faster starting point for a real Qwik app.
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