Stapel, Design und Shoutouts

Die Werkzeuge, Inspirationen und Credits hinter dieser Site

Sie können gerne alles erkunden und wiederverwenden, was für Ihre eigenen Projekte nützlich sein könnte!

Stapel

Framework & Build

  • TanStack Start
    Full-stack React and Solid framework powered by TanStack Router
  • TanStack Query
    Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular
  • Vinxi
    The Full Stack Javascript SDK. Powered by Vite & Nitro
  • TypeScript
    Typed JavaScript for scalable development

Frontend

  • React 19
    The library for web and native user interfaces
  • Tailwind CSS
    Utility-first CSS framework
  • Tailwind Merge
    Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.
  • Tailwind Variants
    The power of Tailwind combined with a first-class variant API.
  • Font Awesome
    Font Awesome is the Internet's icon library and toolkit.
  • usehooks-ts
    React hook library, ready to use, written in Typescript.

Internationalization

  • Inlang
    The file format and ecosystem to globalize software (i18n)
  • Paraglide
    Paraglide is a compiler-based i18n library that emits tree-shakable message functions.

Backend & API

  • Supabase
    Backend-as-a-Service for auth, database, and storage
  • redaxios
    The Axios API, as an 800 byte Fetch wrapper.
  • Resend
    Email for developers. The best way to reach humans instead of spam folders. Deliver transactional and marketing emails at scale.

Developer Experience

  • Biome
    Linting, formatting, and type checking in one tool
  • Zod
    TypeScript-first schema validation with static type inference
  • TanStack Router Devtools
    Visual routing debugger for development
  • Tanstack Query Devtools
    Visual query debugger for development
  • ts-pattern
    The exhaustive Pattern Matching library for TypeScript with smart type inference.
  • dotenv-cli
    Load environment variables from `.env` in CLI scripts
  • @inlang/cli
    CLI for automating translations and managing i18n workflows

Design

Zum Ausmalen

Light
#f9fbff
#efefef
#000a25
#5e6d82
#facc15
#1d4ed8
Dark
#0f172a
#1e293b
#bdcadf
#94a3b8
#facc15
#7894df