Interactive Dashboard Overview
2026 Edition

Welcome to the Qwik course. In this free interactive experience, you will learn the core concepts of Qwik by building a complete full-stack web application from scratch. Not a toy example, but a real application with authentication, database integration, and production ready patterns.

This course takes about 3 to 4 hours to complete and is designed to be followed step by step.

The first part of this course is completely free and focuses on the core concepts of Qwik. Later chapters introduce the full-stack aspects of the application, including authentication, database integration, and production deployment.

What we'll be building

Throughout this course, you will build a simplified financial dashboard that includes:

• A public home page.
• A login page.
• Protected dashboard routes.
• The ability to create, edit, and delete invoices.

The application will also include a real database, which you will configure in a dedicated chapter.

By the end of this course, you will understand how Qwik handles rendering, routing, data loading, mutations, and performance optimization. You will be able to build real-world full-stack Qwik applications with confidence.

Overview

Here is what you will learn:

• Styling: Modern approaches to styling Qwik applications.
• Performance and Optimization: Working with images, fonts, links, and resumability best practices.
• Routing: Nested layouts and file-based routing with Qwik City.
• Data Fetching: Server loaders, streaming, and clean architecture patterns.
• Search and Pagination: Using URL search parameters effectively.
• Data Mutations: Server actions and reactive UI updates.
• Error Handling: Building robust error states and handling 404 pages.
• Forms and Accessibility: Server-side validation and accessible user interfaces.
• Authentication: Securing sessions and protecting routes.
• Metadata and SEO: Preparing your application for search engines and social sharing.

Prerequisite knowledge

You should be comfortable with basic HTML, CSS, and modern JavaScript. Understanding asynchronous programming with promises and async await is important. Prior experience with React or another reactive framework is helpful but not required.

System requirements

• Node.js 18.17 or later (or any modern runtime like Bun or Deno). Download here
• macOS, Windows including WSL, or Linux.
• A GitHub account and a Vercel account.

Join the conversation

Have questions or feedback? Join the discussion on Discord or contribute on GitHub.