What you'll learn:
- Build modern web applications using Svelte 5 and SvelteKit, applying the latest syntax, including Rune syntax, to real-world projects.
- Integrate third-party services like Stripe, Supabase, and OpenAI into web apps to handle payments, authentication, and image recognition.
- Develop and deploy server-rendered apps that are highly interactive, lightweight, and optimized for performance using SvelteKit.
- Create a fully functional CRUD application with authentication, database management, and user interfaces, including uploading and processing images through AI.
- How to use TypeScript within Svelte & SvelteKit
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.
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 APIendpoints and send emails with the ebook automatically when receiving a request from Stripe.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.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.
