<aside>
📌 This is a short list of technologies you could try out in your next web-development project. Feel free to add additional recommendations!
</aside>
Overview
The 2023 starter project uses Next.js, Supabase, and shadcn/ui as its core tech stack components. However, there's no one-size-fits-all solution to web development. This project is meant to give you a highly flexible platform for starting a webapp, so feel free to swap out any of the stack components or add additional ones! Here are some recommendations below.
Component libraries
- Daisy UI and Flowbite: Component libraries built on Tailwind CSS.
- Tanstack provides some great libraries for rendering charts, tables, and lists
- If you prefer not to use Typescript, here are some other great component libraries:
- Chakra: A flexible and all-encompassing component library that gives a great balance of customizability and out-of-the-box visuals!
- MUI: A popular, industry-grade component library that gives amazing out-of-the-box visuals but may be a bit more difficult to extensively customize compared to Chakra or Tailwind)
- Mantine: A super expansive component library with over 100+ available components
User Auth
Data fetching and other backend tools
- SWR: React hooks for data fetching. Recommended by Next.js!
- Tanstack Query: React hooks for data fetching. Provides more features than SWR but is also a bit more complex. It's one of the most popular data fetching packages for React apps.
- Apollo Client: A state management library for querying GraphQL APIs
- tRPC: Allows us to build and consume typesafe APIs from our Next.js backend (API routes) without schemas or code generation
- Prisma: A Typescript ORM (object-relational mapping) that allows you to query and manage your database in a typesafe manner
- Kysely: A typesafe and auto-completion friendly SQL query builder for Typescript. It's a more lightweight typesafety solution than Prisma.
- Drizzle: Another Typescript ORM that is more lightweight than Prisma, albeit newer.
Testing frameworks