Full Stack SvelteKit, a full and comprehensive video course that will teach you how to build and deploy full stack web applications using SvelteKit. Full Stack SvelteKit
Buy Now

From zero to production with SvelteKit

Full Stack SvelteKit is a full and comprehensive video course that will teach you how to build and deploy full stack web applications using Svelte 5 and SvelteKit.

By Justin Ahinon.

What will be covered in the course?

The goal of this course is to take you from a beginner level in SvelteKit, and go through the whole process of building and deploying a full-stack web application. We will cover everything from the philosophy of Svelte and SvelteKit to setting up a project, choosing a component library, connecting to a database, authentication, payments, and more.

Module 1

Introduction to Svelte

Introduction to Svelte

The philosophy of the framework

Compiler vs Runtime framework

Svelte components

Svelte 5 and signal based reactivity

Runes

Universal reactivity

Snippets & Event Handling

Styling

Stores

Logic blocs and special elements

Directives (component & elements)

Module 2

What we are going to build

What we are going to build

Module 3

Introduction to SvelteKit

What's SvelteKit

Framework vs Meta framework

TypeScript support

Routing

Rendering strategies (SSR, CSR, Prerendering)

Data loading

API Routes

Errors and redirects

Headers, locals and cookies

SvelteKit stores

Hooks

Environment variables

Advanced routing

Module 4

Forms

Form actions

Progressive enhancement

Validation: Zod and Valibot

Superforms

Module 5

Components libraries

Should you use one?

Most interesting options (Melt UI, Bits UI, Shadcn Svelte)

Module 6

Integrating a database

SQLite?

Simplest option with raw SQL queries

Using an ORM

Drizzle

Basic CRUD operations

Relations and queries

Module 7

Authentication

Session based authentication

Options / libraries for authentication in SvelteKit

Lucia auth

Email and Password authentication

Email verification and password reset with Resend

OAuth with Google

Module 8

Payments

Payments implementation in SaaS are tricky

Main options: Stripe and Lemon Squeezy

Using a hosted payment form

Integrating Stripe payments to a SaaS

Module 9

Deployment

SvelteKit adapters

Using Docker and Docker Compose

Coolify

Tech Stack

Here is an overview of the main technologies used in this course.

Svelte

Svelte is a modern JavaScript framework for building user interfaces.

https://svelte.dev

SvelteKit

SvelteKit is a framework for building web applications using Svelte.

https://kit.svelte.dev

TypeScript

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

https://www.typescriptlang.org

Tailwind CSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.

https://tailwindcss.com

SQLite

SQLite is a lightweight, serverless, and self-contained database engine.

https://sqlite.org

Drizzle

Drizzle provides a set of tools for interacting with databases in TypeScript applications. It includes a framework agnostic ORM, a query builder, and a migration CLI.

https://drizzle.team

Lucia Auth

Lucia is an open-source, lightweight and highly customizable session-based authentication library for TypeScript applications.

https://lucia-auth.com

Docker

Docker is a platform for building, shipping, and running distributed applications.

https://www.docker.com

Stripe

Stripe is a payment processing platform that allows you to accept payments online and in-app.

https://stripe.com

Frequently Asked Questions

From the blog

Pricing

Get Full Stack SvelteKit, and start learning SvelteKit today!

Full Stack SvelteKit

Launch discount
59
89 USD
USD

Learn how to build and deploy full stack web applications using SvelteKit.

  • +40 in-depth videos lessons
  • Lifetime access to the course and all future updates
  • Access to a private Discord community focused on Svelte and SvelteKit

Meet your instructor

My name is Justin Ahinon. I'm a software developer, and a big advocate for web performance and accessibility.

For the past couple of years, I've been running Okupter, a small dev shop focused on building and shipping web applications using Svelte and SvelteKit.

This course is a way for me to share the knowledge and experience I've gained over the years working on personal, hobby, and client projects. I want everyone who comes across this course to be able to learn how to go from scratch to a deployed full-stack SvelteKit application in a matter of weeks.

Please don't hesitate to reach out to me on 𝕏 or shoot me an email at [email protected].

Credits

This landing page is inspired a lot by the landing page of High Performance SQLite by Aaron Francis.

Get notified on the course progress