Skip to content

SvelteKit user template authentication, authorization model for sveltekit, cookies, token auth sveltekit, template user token sveltekit

Notifications You must be signed in to change notification settings

atrikx/sveltekit-auth-template

Repository files navigation

Open Source - Template Auth UI

What is? πŸ”

Is a template UI with an authentication and authorization system.

Who is this for? πŸ’»

programmers or developers: front-end or full stack that already have backend API.

Why should I use this? πŸ€”

It's a faster way to start build your website, if you want to streamline your work while saving coding time using an already created template, well, this is for you. It will continuous be updated to newests versions of SvelteKit.

Features βœ”οΈ

Clean Code βœ…
Fast to configure βœ…
Easy to understand βœ…
Token handlers βœ…
Cookies handlers βœ…
Session/LocalStorage Cache handlers βœ…

How to use? πŸ“

First steps:

  • install NodeJS
  • clone this repository
  • edit configs.ts which is available in .../src/lib/

Install packages
npm install

Turn on-line
npm run dev -- --open

⚠️ Expected JSON data from API ⚠️

/account

{ "username": "Person Name", "email": "person@email.com" }

/login

{ "token": "Bearer whateverToken" }


Required: πŸ”΄

you must change API [url, endpoints]
easy change config.ts , available on ../src/lib/components/ file

preview


Optional
easy change theme.ts , available on ../src/lib/components/ file

preview

Design Architecture ♻️

Requests

More coming soon