Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Master Svelte 5 & SvelteKit - A Hands-On Guide to Modern Web Development
Master Svelte 5 & SvelteKit - A Hands-On Guide to Modern Web Development

Master Svelte 5 & SvelteKit - A Hands-On Guide to Modern Web Development: Learn to build modern web applications with Svelte 5 and SvelteKit through hands-on projects

Arrow left icon
Profile Icon Niklas Fischer
Arrow right icon
$109.99
Video Dec 2024 15hrs 44mins 1st Edition
Video
$109.99
Subscription
Free Trial
Renews at $19.99p/m
Arrow left icon
Profile Icon Niklas Fischer
Arrow right icon
$109.99
Video Dec 2024 15hrs 44mins 1st Edition
Video
$109.99
Subscription
Free Trial
Renews at $19.99p/m
Video
$109.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Key benefits

  • Comprehensive coverage of Svelte 5 and SvelteKit fundamentals and advanced techniques
  • Real-world projects focused on payment systems authentication and dynamic content management
  • Hands-on deployment strategies for building production-ready applications using modern tools

Description

Svelte 5 and SvelteKit are revolutionizing modern web development with their simplicity, speed, and performance. This course begins with a comprehensive crash course on Svelte 5, teaching you its file structure, reactivity system, and advanced state management. You’ll master reactive state, derived runes, props, and debugging tools, along with techniques for creating reusable and efficient components. Building on this foundation, you’ll dive into SvelteKit, exploring its robust routing system, server-side data fetching, and API endpoint creation. You’ll gain a deep understanding of handling both client-side and server-side functionality while building scalable and responsive applications. The hands-on learning experience includes three real-world projects. First, you’ll create a product landing page with Stripe integration, enabling secure payments and email automation. Next, you’ll develop a developer portfolio powered by a headless CMS, complete with dynamic routing, custom components, and a contact form backend. Lastly, you’ll build a personal book library app with Supabase authentication, including features like user dashboards, book categorization, and cloud storage integration. By the end of the course, you’ll have a complete skillset to build, deploy, and maintain production-ready apps using Svelte 5 and SvelteKit.

Who is this book for?

This course is designed for developers and aspiring professionals looking to enhance their web development skills. It is ideal for those with a foundational understanding of JavaScript and basic web development concepts. While prior experience with front-end frameworks is helpful, beginners eager to learn modern tools like Svelte 5 and SvelteKit are also welcome.

What you will learn

  • Master building dynamic UIs using Svelte's reactivity features
  • Create scalable apps with SvelteKit's routing and server-side tools
  • Implement secure payment systems using Stripe integration
  • Build user authentication systems with Supabase integration
  • Deploy modern web applications to platforms like Vercel
  • Design and manage dynamic content with headless CMS integration

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Dec 18, 2024
Length: 15hrs 44mins
Edition : 1st
Language : English
ISBN-13 : 9781837025190
Tools :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : Dec 18, 2024
Length: 15hrs 44mins
Edition : 1st
Language : English
ISBN-13 : 9781837025190
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts

Table of Contents

6 Chapters
Course Intro Chevron down icon Chevron up icon
Svelte 5 Crash Course Chevron down icon Chevron up icon
SvelteKit Crash Course Chevron down icon Chevron up icon
Project 1: Product Landing Page with Stripe Integration Chevron down icon Chevron up icon
Project 2: Developer Portfolio with Headless CMS Chevron down icon Chevron up icon
Project 3: Personal Book Library with Supabase Authentication Chevron down icon Chevron up icon
Project Overview
Project Setup
Hero Section
Hero Section Styling
Flexible Button Component
Flexible Button Styling
Header
Header Styling
Auth Form for Register & Login Page
Auth Form Styling
Form Actions in SvelteKit for Registration & Login
Supabase Setup
Supabase Signup with Email and Password
Overview Svelte & Supabase Auth Flow
Auth Implementation Server Side
Login Form Action
Set Up Context to Keep Track of User State
Social Login with Google
Database Setup and Addition of Username on Registration
Fix Logout
Fetch Books from Supabase
Fetch & Display Username
Side Navigation & Auth Layout
Auth Layout Styling
User Dashboard
User Dashboard Styling
Book Card Component
Book Card Styling
Star Rating Component
Star Rating Styling
Integrate Star Rating with Book Card and Database Connection
Book Category Component
Book Category Styling
Filter Books for Different Book Categories
Individual Book Page
Individual Book Styling
Edit Mode on Book Page
Edit Fields Styling
Update Books in Database
Upload Book Cover with Supabase Storage
Droparea Styling
Delete Book UI and Delete from Supabase DB
Scan Shelf Page with Dropzone
OpenAI Integration - Send Picture to ChatGPT to Get Book Array
Scan Shelf Page - Book Table and State Integration
Scan Shelf Page - Styling
Add Books to Database Through Scan-Shelf Page
Settings Page & Calculation of User Statistics
Settings Page Styling
Edit Account Details on Settings Page
Delete Account and Clean Up of Project and THANKS TO YOU!!!
Project Deployment
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.