Preferred Tech Stack (Current)

---

Stack

• Custom stack with combination of frameworks/libraries below

  • Previous: T3 Stack (app router, RSCs)

Frontend

• Language: TypeScript

• Framework: NextJS (15+)

• Libraries:

  • General: ReactJS (19+)

  • Linting: ESLint (v9+)

  • Formatting: Prettier

  • UI: shadcn (styling: Tailwind CSS)

    • CSS-in-JS: MUI

  • Forms: React Hook Form

  • Validation: Zod

  • Data Fetching: Fetch API (via RQ/tRPC, RSCs)

  • State Management

    • Client: Zustand

    • Server: TanStack (React) Query (RQ)

  • Testing (I could definitely improve on my testing — pretty minimal currently)

    • E2E: Playwright

    • Integration: Playwright

    • Unit: Playwright, Vitest, StorybookJS

  • Additional

    • Tables: TanStack Table

      • MUI: Material React Table (TanStack Table-based)

    • Charts: Recharts (via shadcn)

      • Previously: Apex Charts (SvgJS-based)

      • (to checkout per TL recommendation: @observablehq/plot)

        • 

    • UI documentation: StorybookJS

    • Toasts: Sonner (via shadcn)

API

• Protocol: REST (NextJS: tRPC, RSCs)

• ...

• ...

Backend

• Language: TypeScript

• Framework: NextJS (v15+)

• Libraries:

  • General: ReactJS (19+) (RSCs)

  • Data Fetching: Fetch API (RSCs)

Database

• Type/Design: NoSQL, SQL

• Implementation: MongoDB, PostgreSQL

• Additional

  • File storage

    • Media (images/videos): ... AWS S3 ?

    • Documents: ...AWS S3 ?

    • Other: ...

  • ...

  • ...

DevOps (go to)

• ...GitHub Actions ? (haven't used much yet)

• ...Docker/Kubernetes/etc. ? (learned but haven't used)

...

• ...

• ...

...

• ...

• ...