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
• use prisma to keep type safe with db
• 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 [email protected]:SteveSuv/remix-t3-stack.git

2. install packages

npm i pnpm -g
pnpm i

3. init database

pnpm db:push
pnpm db:gen

4. run dev server

pnpm dev

5. build and preview

pnpm build
pnpm start

how to deploy

• deploy to docker

pnpm deploy

• deploy to vercel: follow this guide