Svelte Template

Building blocks for your Sveltekit project

Introduction

This is an opinionated collection of components, hooks, and utilities for your Sveltekit project

Tech Stack + Features

Frameworks

• Sveltekit – Svelte-Kit is full-stack framework for building Svelte apps with server-side rendering, file-based routing, and more.
• Lucia – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
• Drizzle – Headless Typescript ORM

Platforms

• TursoDB – Simple, Cost Efficient and Scalable Database
• Upstash - Serverless Redis

UI

• Tailwind CSS – Utility-first CSS framework for rapid UI development
• Shadcn Svelte – Primitives like modal, popover, etc. to build a stellar user experience
• Lucide – Beautifully simple, pixel-perfect icons

Hooks and Utilities, Comming Soon

• For Handling Google Token with Upstash Redis
• Dark Mode

Code Quality

• TypeScript – Static type checker for end-to-end typesafety
• Prettier – Opinionated code formatter for consistent code style
• ESLint – Pluggable linter for Next.js and TypeScript

File Structure

Routes and Pages

• src/routes – Sveltekit routes
  • src/google - Continue with Google Screen main UI
    • src/google/callback - API Endpoint for Callback
    • src/google/login - API Endpoint for Generate Auth URL
    • src/google/logout - API Endpoint for Logout

Inspired from

• Precedent Next.js Tempalte by Steven Tey (@steventey)