Skip to content

The Kit Stack

Alberto edited this page Sep 8, 2023 · 5 revisions

πŸ› οΈ Svelte-kit

Svelte-Kit was chosen as the full-stack framework, eliminating the need for a state management dependency and providing a faster and more robust development experience compared to Next.js.

🎨 DaisyUI

For the design system, the stack uses Tailwind CSS with DaisyUI and Heroicons. Additionally, the project includes Fontsource for font management. Storybook is also available for UI testing.

🧹 Prisma + tRPC

Prisma, the database ORM, is combined with tRPC for typesafe API calls. An example is included implementing the two together for post CRUD.

πŸ” Supabase Auth

Supabase Auth handles authentication, covering sign up, sign in, sign out, forgot password, change password, change email, change username, and account deletion.

πŸ“ Felte

Felte is integrated into the stack for form validation, ensuring a smooth and robust experience when dealing with form submissions and errors.

πŸ“š Inlang

Inlang provides straightforward APIs to deal with internationalization (multiple languages and language switching), the app includes an example of its use with two languages.

πŸ€– Vercel

Vercel is used for seamless deployment with continuous integration, making it easy to deploy the application with automatic database migrations.

βš™ Setup
πŸ”§ Development
πŸš€ Production

Clone this wiki locally