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.
Tech Stack
Here is an overview of the main technologies used in this course.
Svelte is a modern JavaScript framework for building user interfaces.
https://svelte.devSvelteKit is a framework for building web applications using Svelte.
https://kit.svelte.devTypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
https://www.typescriptlang.orgTailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
https://tailwindcss.comSQLite is a lightweight, serverless, and self-contained database engine.
https://sqlite.orgDrizzle 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.teamLucia is an open-source, lightweight and highly customizable session-based authentication library for TypeScript applications.
https://lucia-auth.comDocker is a platform for building, shipping, and running distributed applications.
https://www.docker.comStripe is a payment processing platform that allows you to accept payments online and in-app.
https://stripe.comFrequently Asked Questions
Well, yes and no.
I believe there is still space in the ecosystem for a high-quality and complete SvelteKit course. One that starts with the most basics concepts, and hold your hand as you learn the more advanced features, and how to build and deploy production grade web applications.
Most importantly, Full Stack SvelteKit is very opinionated on some topics. A few examples:
Deployment platform: There are many ways to deploy SvelteKit applications today. From Vercel to Netlify and other PaaS providers. Those are very trivial options, and you can learn how to deploy to those platforms in a few minutes.
PaaS are also excellent options, and I use them regularly both for personal projects and clients projects.
Instead of going this route, for this course, I choose to teach you how to deploy your SvelteKit application as a regular Node.js application on a regular server. We will also use Docker to package our application to make deployment and updates easier.
While this might sound like a daunting task, that's not necessary, I believe that you will learn a lot more by doing it this way. And eventually, you can always move to a PaaS provider if you'd like to.
Databases: Databases are also one area that had numerous innovations and progress in the past few years. These days, with a few clicks, you can easily have a fully managed and scalable relational (or not) database that you can use in your applications. While this is very convenient for large-scale applications, or fast prototyping, I also think there is value in learning in a more naive way.
In this course, we'll use SQLite as our database. And the notions we will learn here can easily be transferred to other relational databases, like MySQL or PostgreSQL.
Finally, for authentication, I've opted to use Lucia auth, that, instead of giving you a drop in solution, gives you the primitives as well the guides to build solid session-based authentication.
The main prerequisite for the course is to have some basic understanding of the Svelte framework. If you are not familiar with Svelte, I recommend you to start with the Svelte tutorial.This will give you a solid foundation to build your applications.
Of course, this assumes that you know how the web works, can find your way around HTML, CSS, and JavaScript.
I'm a firm believer that TypeScript makes building web applications easier. So, this course will use Svelte and SvelteKit with TypeScript.
August 2024. You can also leave your email in the form below to be updated about the progress and when the course will be ready.
I initially planned to launch the course during August 2024. But I had to postpone this date due to certain personal life events. The new launch date for the course is October 2024 January 20th, 2025.
From the blog
Runes in Svelte 5
Svelte InternalsSvelteKit with Prisma and SQLite
DatabaseSvelteKit with SQLite and Drizzle
DatabasePricing
Get Full Stack SvelteKit, and start learning SvelteKit today!
Full Stack SvelteKit
Launch discountLearn 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.