Svelte Themes Logo Svelte Themes
Sveltekit Shadcn Auth Starter screenshot

Sveltekit Shadcn Auth Starter

Author Avatar Theme by Gribard
Updated: 23 Sep 2023
9 Stars

Sign with: 'demo@demo.com' and password 'demodemo'

Github Live Preview

Categories

Vite Tailwind Prisma Bits ui Fullstack

Overview

This SvelteKit starter project provides basic user authentication functionality using Lucia, Prisma, Zod, SuperForms, and PostgreSQL. It includes features such as signin, signup, mail verification, password reset, and a profile page. It also offers additional features such as i18n through inlang.com. The project is based on shadcn-svelte and sveltekit-auth-starter projects.

Features

  • Signin and Signup: Users can sign in and sign up for an account.
  • Mail verification: Users receive a verification email to confirm their email address.
  • Password reset: Users can reset their password if forgotten.
  • Profile Page: Users have a profile page to manage their account information.
  • Additional features: The project supports i18n through inlang.com.

Installation

To install the theme, follow these steps:

  1. Start a Docker container with PostgreSQL.
  2. Rename sample.env from the root directory to .env and edit the POSTGRES_PRISMA_URL with the appropriate PostgreSQL URL.
  3. Install dependencies.
  4. Run initial Prisma migration.
  5. Start the app.
  6. Create an account: 6.1. Go to http://localhost:5173/ and create an account. After clicking the “Sign up” button, you will be redirected to the Email Confirmation Page. 6.2. If nodemailer is not configured in the .env file, open Prisma Studio, go to the AuthUser table, and set the verified field to true. 6.3. Go back to the Email Confirmation Page and refresh. You should now be logged into your account.

Summary

This SvelteKit starter project provides a foundation for building a web application with basic user authentication functionality. With features such as signin, signup, mail verification, password reset, and a profile page, it offers a seamless user experience. In addition, the project supports i18n through inlang.com for internationalization purposes. Installation is straightforward, and the documentation for the UI components and authentication components is accessible through the provided links. The project is licensed under the MIT license.