/remix-t3-stack

TodoList example use remix-t3-stack: remix + vite + trpc + tailwindcss + typescript + prisma + jwt + pnpm + react-hook-form + react-query + next-themes + zod + lucide-icons + docker + vercel

Primary LanguageTypeScript

remix-t3-stack

A full-stack todolist example using remix-t3-stack, aims to bring better DX to react developers.

features

  • end-to-end type safe by trpc
  • get myUserInfo anywhere by useMyUserInfo
  • type safe form with zod by useZodForm
  • no need to export action in routes, just call trpcClient.action to mutate anywhere
  • request with permission controll by trpc middlewares
  • deploy to docker or vercel
  • support dark mode by useAppTheme
  • toast request error automatically
  • always use latest remix features

stack

  • remix
  • vite
  • trpc
  • tailwindcss
  • typescript
  • prisma
  • jwt
  • pnpm
  • react-hook-form
  • react-query
  • next-themes
  • lucide-icons
  • zod
  • docker
  • vercel

how to dev

  1. clone this repository
git clone git@github.com:SteveSuv/remix-t3-stack.git
  1. install packages
npm i pnpm -g
pnpm i
  1. init database
pnpm db:push
pnpm db:gen
  1. run dev server
pnpm dev
  1. build and preview
pnpm build
pnpm start

how to deploy

  • deploy to docker
pnpm deploy
  • deploy to vercel: follow this guide