Open-Source-Boilerplate

Produkte ausliefern
kein Boilerplate

Produktionsreifes TypeScript-Monorepo mit Auth, Datenbank, Queues und allem, was du brauchst. Leg in wenigen Minuten los.

npx create-silverbullet-app
100%
TypeScript
25+
Packages
50+
Components
15+
Funktionen

Tech-Stack

Basiert auf bewährten Tools

TanStack Start
Better Auth
tRPC
Drizzle ORM
PostgreSQL
Redis
Hono
BullMQ
Tailwind CSS
Turborepo
TypeScript

Funktionen

Alles, was du zum Entwickeln brauchst

Fertige Module und Funktionen, die deine Entwicklung beschleunigen.

Authentication & Authorization

Complete auth system with session management, role-based access control, and social login.

Session management
OAuth providers
Role-based access
JWT tokens

Database & ORM

Type-safe database operations with Drizzle ORM, migrations, and PostgreSQL optimization.

Type-safe queries
Auto migrations
Relations
Connection pooling

API & Type Safety

End-to-end type safety with tRPC and seamless client-server communication.

End-to-end types
Auto completion
Runtime validation
API documentation

File Management

Complete file handling with S3 integration, image processing, and CDN support.

S3 integration
Image processing
Upload validation
CDN support

Background Jobs

Robust job processing with BullMQ, scheduled tasks, and retry logic.

Job queues
Scheduled tasks
Retry logic
Monitoring

Email & Notifications

Multi-channel notifications with email templates and delivery tracking.

Email templates
Push-Benachrichtigungen
Delivery tracking
Templates

User Management

Complete user system with profiles, preferences, and activity tracking.

User profiles
Contact management
Activity logs
Einstellungen

Monitoring & Logging

Comprehensive monitoring with Sentry, structured logging, and performance tracking.

Error tracking
Performance monitoring
Structured logging
Alerts

Architektur

Von Grund auf skalierbar

Monorepo-Struktur mit klarer Trennung der Zuständigkeiten und Microservice-fähigen Paketen.

Frontend-Apps

TanStack Start, React 19, SSR

Client AppAdmin DashboardComponent LibraryResponsive Design

API-Gateway

Hono + tRPC, Middleware, Routing

tRPC RouterMiddleware StackAPI DocumentationRate Limiting

Service-Pakete

Auth, Datenbank, Caching, Queues

25+ PackagesClean DependenciesEasy TestingMicroservice Ready

Developer Experience

Typsicher von der Datenbank bis zur UI

Schreib die Backend-Logik einmal und erhalte im Frontend volle Autovervollständigung und Typprüfung.

Backend – tRPC-Routefile.router.ts
import { router, authProcedure } from '@repo/trpc';
import {
  getFilesByUserIdPaginated,
  deleteFile,
  ListFilesPaginatedSchema
} from '@repo/file';
import { IdSchema } from '@repo/server-utils';

export const fileRouter = router({
  getMyFiles: authProcedure
    .input(ListFilesPaginatedSchema)
    .query(({ ctx, input }) => {
      return getFilesByUserIdPaginated(
        ctx.user.user.id, input
      );
    }),

  deleteFile: authProcedure
    .input(IdSchema)
    .mutation(({ ctx, input }) => {
      return deleteFile(input.id, ctx.user.user.id);
    }),
});
Frontend – React-Komponentefile-list.tsx
import { useTRPC } from '@/lib/trpc-client';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';

export function FileList() {
  const trpc = useTRPC();
  const queryClient = useQueryClient();

  const { data: files } = useQuery(
    trpc.file.getMyFiles.queryOptions({
      pagination: { page: 1, limit: 10 }
    })
  );

  const { mutate: deleteFile } = useMutation(
    trpc.file.deleteFile.mutationOptions({
      onSuccess: () => {
        queryClient.invalidateQueries({
          queryKey: trpc.file.pathKey()
        });
      }
    })
  );

  return <div>{files?.data.length} files</div>;
}

Leg noch heute los

Spar dir monatelanges Setup. Hol dir in wenigen Minuten eine produktionsreife Grundlage.

npx create-silverbullet-app