Welcome to
Fullstack Svelte
Build a Svelte app with Node.js, Express, and Postgresql
Course Syllabus and Content
Introduction
1 Lesson 5 Minutes
Fullstack Svelte Course Overview
Setting Up A Development Environment
3 Lessons 20 Minutes
Setting up your local development environment
Initializing a Svelte Project
Setting up a Formatter and Linter
Front End Routing
2 Lessons 31 Minutes
Setting up a Single Page Application Router
Creating a Front End Layout for Admin Pages
User Interface Styles and Interactions
3 Lessons 26 Minutes
Adopting a Frontend Component Library
Creating a Landing Page
Using Svelte to handle DOM events and bind inputs
Creating the Backend Application
3 Lessons 41 Minutes
Initializing an Express Node.js Project
REST API Endpoints
School Lunch Data Model
Fetching Data in the Frontend
4 Lessons 37 Minutes
Fetching Data from the Frontend with Axios
Using Svelte Each Blocks to Iterate a List
Using Svelte to Show and Hide Loading Spinner Icons
Externalizing Frontend Configuration
Adding Persistence with PostgreSQL
4 Lessons 57 Minutes
Installing PostgreSQL and Initial Setup
Knex.js Migrations
Using Knex with an Express Application
Adding Post, Put and Delete Endpoints to the Backend
Creating, Updating and Deleting Data in the Frontend
3 Lessons 28 Minutes
Deleting Data with the Frontend
Creating Data with the Frontend
The Lunch Week Details Component
Securing the Application
3 Lessons1 Hours 13 Minutes
Securing the application with JSON Web Tokens
Evolving the App to a Multi Tenant Architecture
User Registration
Public Lunch Menu View
1 Lesson 20 Minutes
Adding a Public Lunch Week Page
Production Deployment
1 Lesson 13 Minutes
Building and Serving a Svelte App