Skip to content

The Kit Stack

Alberto edited this page Oct 26, 2023 · 5 revisions

πŸ₯― Bun

The fastest package manager and runtime available in the Javascript world as of now.

πŸ› οΈ 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.

🧹 Drizzle ORM + tRPC

Drizzle, 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. CI/CD comes for free with a minimal setup.