> Canonical URL: https://codingcat.dev/course/sveltekit-firebase/lesson/sveltekit-firebase-intro-to-svelte

# Intro to Svelte | Learn SvelteKit and Firebase: The Ultimate Guide | CodingCat.dev Course

[🧶 Learn SvelteKit and Firebase: The Ultimate Guide](/course/sveltekit-firebase)Section 2.1 · Lesson 3 of 5[← Prev Lesson](/course/sveltekit-firebase/lesson/sveltekit-firebase-resources)[Next Lesson →](/course/sveltekit-firebase/lesson/sveltekit-firebase-intro-to-firebase)

# Intro to Svelte

![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/2a349ce52bff79f28e8a573f43077970f7eb6dc6-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)

Svelte: https://svelte.dev/

✏️ Visual Architecture Diagram

## how this course connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Learn SvelteKit and Firebase: The Ultimate Guide…✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Learn SvelteKit and Firebase: The Ultimate Guide: Intro to Svelte: start with Intro / Project Setup, implement Learn SvelteKit and Firebase: The Ultimate Guide, and ship to production.AAA Contrast Verified[Course Outline](/course/sveltekit-firebase)

## Learn SvelteKit and Firebase: The Ultimate Guide

3/51

### Welcome and Resources

- [1.1Welcome](/course/sveltekit-firebase/lesson/sveltekit-firebase-welcome)
- [1.2Resources](/course/sveltekit-firebase/lesson/sveltekit-firebase-resources)

2

### Intro / Project Setup

- [2.1Intro to Svelte▶](/course/sveltekit-firebase/lesson/sveltekit-firebase-intro-to-svelte)
- [2.2Intro to Firebase](/course/sveltekit-firebase/lesson/sveltekit-firebase-intro-to-firebase)
- [2.3Project Creation](/course/sveltekit-firebase/lesson/sveltekit-firebase-creating-project)