Sveltekit Shadcn AI screenshot

Sveltekit Shadcn AI

Author Avatar Theme by Juliuslipp
Updated: 10 Jan 2024
45 Stars

Categories

Overview

The SvelteKit-Shadcn-UI-AI Starter Template is a project that combines various technologies including SvelteKit, Bun, Turso, Drizzle ORM, Shadcn-Svelte, Resend, SvelteEmail, MdSvex, OpenAI, AI SDK by Vercel, and AuthJS. It aims to provide a solid starting point for developers interested in exploring Svelte and AI technologies. The template is open for contributions and encourages experimentation.

Features

  • SvelteKit: A fast and popular Svelte framework.
  • Bun: A fast package manager.
  • Turso + Drizzle ORM: Handles database operations, with Turso for heavy lifting and Drizzle ORM for smooth interactions.
  • Shadcn-Svelte: A sleek UI library choice.
  • Resend & SvelteEmail: Email integration tools.
  • MdSvex: Enables the use of Markdown in Svelte, making HTML writing more efficient.
  • OpenAI: Allows API calls for AI-related tasks.
  • AI SDK by Vercel: Enables easy integration of AI into the SvelteKit application.
  • AuthJS: Provides secure and simple authentication.

Installation

To install the SvelteKit-Shadcn-UI-AI Starter Template, follow these steps:

  1. Clone the repository.
  2. Run bun install to install the required packages.
  3. Create the database using bun db:push.
  4. Make a copy of the .env.example file and rename it to .env. Fill in the necessary information.
  5. Explore the src directory to understand the project structure.
  6. Start coding!

Summary

The SvelteKit-Shadcn-UI-AI Starter Template is a project that combines SvelteKit and various AI-related technologies to provide developers with a solid starting point for exploring these areas. It includes features like a fast package manager, database handling tools, sleek UI library, email integrations, Markdown support, AI API calls, and authentication. The template encourages contributions and experimentation.