Svelte Themes Logo Svelte Themes
Jaydens Stack screenshot

Jaydens Stack

Author Avatar Theme by Multiplehats
Updated: 23 Jun 2023
75 Stars

A modern, efficient, and feature-packed monorepo boilerplate. Uses SvelteKit, tRPC, Shadcn, Tailwind CSS and Turborepo

Github Live Preview

Categories

Prisma Shadcn ui Fullstack

Overview

Jayden’s Stack is a modern and efficient monorepo boilerplate focused on SvelteKit. It aims to provide an enhanced developer experience, massive scalability, and high performance. The project is opinionated but offers flexibility for customization. It includes various technologies such as tRPC, Prisma + Planetscale, AuthJS, SvelteKit, Tailwind CSS, Shadcn Svelte, and TurboRepo.

Features

  • tRPC: Enables end-to-end typesafe APIs and can be used for serverless applications.
  • Prisma + Planetscale: Integration with Prisma and Planetscale for database management.
  • AuthJS: Incorporates AuthJS for authentication functionality.
  • Spin tRPC off into its own package: Allows easy extraction of tRPC into a standalone server.
  • Edge routes: Support for edge routes is not available due to SvelteKitAuth in hooks.server.ts, but a solution can be implemented by changing the path manually.
  • tRPC integration: Seamless integration with tRPC and SvelteKit for fetching, caching, and updating asynchronous data.
  • SvelteKit: Built on Svelte, providing a concise way to develop UI components.
  • Tailwind CSS: A utility-first CSS framework for creating modern websites quickly.
  • Shadcn Svelte: Offers beautifully designed components that can be easily copied and pasted into projects.
  • TurboRepo: A Rust-built, incremental build system optimized for JavaScript and TypeScript.

Installation

  1. Clone the repository using the command: git clone [repository_url].
  2. Navigate to the project directory.
  3. Replace instances of “acme” with your desired project name.
  4. Install the dependencies.
  5. Copy the .env.example file in the project root and generate a new AUTH_SECRET. Set the DATABASE_URL as needed.
  6. Start the local instance of Jayden’s Stack.

Summary

Jayden’s Stack is a monorepo boilerplate that focuses on providing a modern and efficient development environment using SvelteKit. It offers various features and integrations such as tRPC, Prisma + Planetscale, AuthJS, and more. The installation process is straightforward, and the project aims to enhance developer experience and scalability. Overall, Jayden’s Stack is a valuable resource for building production-ready applications with SvelteKit.