How to password-protect SvelteKit pages

2023

This repository demonstrates how to password-protect single or multiple pages inside of a SvelteKit application.

The rough idea is as follows: when a user has no valid session cookie and opens a protected page, the server redirects them to a login page with a password prompt. When that is input correctly, we generate a session cookie and send it to the browser.

The password is saved as an environment variable and is only verified on the server side. A complete explanation can be found in the README of the repository.

screenshot
  • Authentication
  • SvelteKit
  • Tutorial
  • TypeScript