Tutorials

Sixteen step-by-step tutorials, from an empty folder to a production deployment. Each one starts from a clear objective, lists its prerequisites, gives you every file in full with its path, explains the properties that matter, and ends with the commands to run and the output to expect.

Every file in these tutorials comes from a real project that compiles with iwc check and passes its tests with iwc test. The pages include those files verbatim, so the code you copy is the code that was verified.

Beginner

#	Tutorial	You build	Covers
1	Create your first IWC project	The starter app	`iwc create`, `iwc dev`, project files, live reload
2	Build your first UI page	A café menu page	screens, routes, text, grids, static data, formatting, tests
3	Create a reusable button	A call-to-action component	components, props, defaults, expressions, CSS
4	Create a reusable layout	A studio website frame	layouts, slots, sticky headers, navbar, 404
5	Build a form	A contact form	forms, inputs, request contracts, validation errors

Intermediate

#	Tutorial	You build	Covers
6	Connect an API	An exchange-rate board	services, actions, `API.` data sources, error states
7	Build an authentication system	A members area	users, sign-up, sign-in, sessions, roles, protected pages
8	Create a CRUD application	A to-do app	owner-only data, create/read/update/delete, edit forms
9	Connect a database	The to-do app on PostgreSQL	`database.url`, migrations, Postgres tests
10	Create an admin dashboard	Stats, a chart and tables	roles, aggregates, charts, admin layouts

Advanced

#	Tutorial	You build	Covers
11	Build an e-commerce application	A complete store	cart state, checkout action, workflows, events, jobs
12	Implement payments	Paid workshop tickets	`@iwc/payments`, hosted checkout, server-side confirmation
13	Implement push notifications	Club announcements	`iwc push setup`, the push step, background jobs, `iwc push test`
14	Build a real-time application	A team chat room	live data over Server-Sent Events
15	Build an offline-capable application	A site-inspection notebook	stored screens, queued writes, conflicts, sync status
16	Build and deploy a production application	The to-do app, live	validate, build, PostgreSQL, release agent, shared hosting

Before you start

Install IWC and check it with iwc doctor (Installation).
Use an editor with JSON support. iwc create sets up VS Code to autocomplete and check every key.
Keep iwc dev running while you edit: it recompiles on save and shows errors in the terminal and in the page.

Every tutorial project is compiled with iwc check and tested with iwc test against the IWC version these docs describe.

Source: apps/marketing/content/docs/tutorials/index.md