Qwik Resumable Framework

Build instantly-interactive web apps with Qwik — resumable framework that ships zero JS by default. Covers components, signals, route loaders, server actions, and Qwik City deployments.

This skill helps you build Qwik applications. It writes components with the dollar-suffix lazy loading pattern, manages state with useSignal and useStore, handles forms with server$ actions and zod validation, configures Qwik City routing with route loaders, integrates with Tailwind/PandaCSS, and deploys to Cloudflare Pages/Netlify/Vercel. Covers when resumability matters and when SSR is enough.

When to use

Use when building content-heavy sites where Time-to-Interactive is critical, e-commerce or marketing apps with large catalogs, sites that need instant interactivity without hydration cost, or when shipping <50KB of JS is a hard requirement.

Examples

Qwik City e-commerce

Build a product listing with route loaders

Create a Qwik City storefront with product listing route loader, cart with useStore, server$ action for checkout, deployed to Cloudflare Pages

Migrate React landing page

Port a React landing page to Qwik

Migrate my React landing page to Qwik with proper lazy boundaries, get the JS payload under 30KB, and verify TTI improvement