Skip to content

Latest commit

 

History

History
88 lines (64 loc) · 1.62 KB

README.md

File metadata and controls

88 lines (64 loc) · 1.62 KB

remix-t3-stack

t3 means typescript + tailwindcss + trpc, the name is from this repo

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

image

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 control by trpc middlewares
  • deploy to docker or vercel
  • support dark mode by useAppTheme
  • use prisma to keep type safe with db
  • toast request error automatically
  • always use latest remix (react-router v7) features

stack

  • remix (react-router v7)
  • 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 [email protected]: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 run deploy
  • deploy to vercel: follow this guide

notice