Master Svelte 5 & SvelteKit – Build & Deploy Real-World Apps

Learn Svelte 5 from scratch through hands-on, real-world projects! Whether you’re a JavaScript developer eager to explore a hot new framework or looking to add modern web development skills to your toolkit, this course is for you.

Why Learn Svelte & SvelteKit?

Svelte is a revolutionary framework that compiles your code to pure JavaScript, making your web apps fast, lightweight, and highly efficient. Unlike other frameworks, Svelte doesn’t rely on a virtual DOM, meaning it ships less code and performs faster. Pair it with SvelteKit, and you’ve got a full-featured toolkit for building server-rendered, highly interactive, and accessible apps with ease.
With Svelte 5, the code you write is even leaner and more efficient, and this course covers all the new syntax and best practices, making it the perfect time to start learning Svelte.

What You’ll Learn:

• Master the brand-new Svelte 5 features
• Build three fully-functional projects: from a product landing page with Stripe integration to authenticated web apps
• Integrate Stripe for payments, Sanity CMS for content management, and Supabase for authentication
• Automate emails with SendGrid and connect your app to OpenAI for image recognition
• Apply project-based learning to solve real problems
• How to use TypeScript within a Svelte & SvelteKit app (second & third project are using it)

Course Overview:

This course takes you deep into Svelte 5, the next major version of the Svelte framework. You’ll build three progressively complex projects, designed to help you level up with practical, hands-on learning. The second and third project are written in TypeScript, while the first one uses vanilla JavaScript.

1. eBook Landing Page with Stripe Integration
   Create a sleek landing page to sell a product online, fully integrated with Stripe for payments. Learn how to handle webhooks with your SvelteKit API endpoints and send emails with the ebook automatically when receiving a request from Stripe.
2. Developer Portfolio with Sanity CMS
   Showcase your skills with a developer portfolio powered by Sanity CMS. Capture contact requests using a dynamic form, and use SendGrid to send personalized emails. Ideal for freelance developers looking to land new clients.
3. Authenticated CRUD App with Supabase and OpenAI
   Dive into user authentication, database management, and image recognition with this feature-rich app. Upload book covers and leverage OpenAI to recognize books from a bookshelf image. The ultimate full-stack project!

Why This Course?

• Project-Based Learning: Forget boring theory! Each project tackles real-world scenarios that you’ll use in your own work.
• Svelte 5 Syntax: Be one of the first to learn Svelte 5, including the latest syntax and features.
• Progressive Difficulty: As you progress, the projects get more advanced, helping you build confidence and a solid understanding of SvelteKit.
• CSS Simplified: Every project comes with a skeleton CSS templates to skip styling videos and focus on JavaScript and Svelte functionality. If you don’t want to, you don’t have to write a single line of CSS.

Who is This Course For?

Everybody who knows JavaScript. Svelte is super easy to pick up and everything you need to know is covered in the course.