{"id":19787684,"url":"https://github.com/stevesuv/remix-t3-stack","last_synced_at":"2025-04-09T07:07:08.090Z","repository":{"id":210171315,"uuid":"725861882","full_name":"SteveSuv/remix-t3-stack","owner":"SteveSuv","description":"TodoList example use remix-t3-stack: remix (react-router v7) + vite + trpc + tailwindcss + typescript + prisma + jwt + pnpm + react-hook-form + react-query + next-themes + zod + lucide-icons + docker + vercel","archived":false,"fork":false,"pushed_at":"2025-03-30T07:09:46.000Z","size":643,"stargazers_count":95,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T08:19:51.418Z","etag":null,"topics":["docker","jwt","lucide-icons","next-themes","pnpm","prisma","react","react-hook-form","react-query","react-router","remix","tailwindcss","trpc","typescript","vercel","vite","zod"],"latest_commit_sha":null,"homepage":"https://t3.wordsfunny.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SteveSuv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-01T02:48:08.000Z","updated_at":"2025-03-30T07:09:49.000Z","dependencies_parsed_at":"2024-01-12T07:51:50.870Z","dependency_job_id":"832191ad-ee4a-4d88-b6fc-1a78f797c3f5","html_url":"https://github.com/SteveSuv/remix-t3-stack","commit_stats":null,"previous_names":["stevesuv/remix-t3-stack"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SteveSuv%2Fremix-t3-stack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SteveSuv%2Fremix-t3-stack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SteveSuv%2Fremix-t3-stack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SteveSuv%2Fremix-t3-stack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SteveSuv","download_url":"https://codeload.github.com/SteveSuv/remix-t3-stack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247994121,"owners_count":21030050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","jwt","lucide-icons","next-themes","pnpm","prisma","react","react-hook-form","react-query","react-router","remix","tailwindcss","trpc","typescript","vercel","vite","zod"],"created_at":"2024-11-12T06:24:09.700Z","updated_at":"2025-04-09T07:07:08.072Z","avatar_url":"https://github.com/SteveSuv.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# remix-t3-stack\n\n`t3` means typescript + tailwindcss + trpc, the name is from this [repo](https://github.com/t3-oss/create-t3-app)\n\nthis is a full-stack todolist example using `remix-t3-stack`, aims to bring better DX to react developers.\n\n![image](https://github.com/user-attachments/assets/0129c74a-29f7-4ec0-9957-bd83dae79558)\n\n# features\n\n- end-to-end type safe by `trpc`\n- get `myUserInfo` anywhere by `useMyUserInfo`\n- type safe form with `zod` by `useZodForm`\n- no need to export `action` in routes, just call `trpcClient.action` to mutate anywhere\n- request with permission control by `trpc middlewares`\n- deploy to `docker` or `vercel`\n- support dark mode by `useAppTheme`\n- use `prisma` to keep type safe with db\n- toast request error automatically\n- always use latest remix (react-router v7) features\n\n# stack\n\n- remix (react-router v7)\n- vite\n- trpc\n- tailwindcss\n- typescript\n- prisma\n- jwt\n- pnpm\n- react-hook-form\n- react-query\n- next-themes\n- lucide-icons\n- zod\n- sqlite\n- docker\n- vercel\n\n# how to dev\n\n1. clone this repository\n\n```\ngit clone git@github.com:SteveSuv/remix-t3-stack.git\n```\n\n2. install packages\n\n```\nnpm i pnpm -g\npnpm i\n```\n\n3. init database\n\n```\npnpm db:push\npnpm db:gen\n```\n\n4. run dev server\n\n```\npnpm dev\n```\n\n5. build and preview\n\n```\npnpm build\npnpm start\n```\n\n# how to deploy\n\n- deploy to docker\n\n```\npnpm run deploy\n```\n\n- deploy to vercel: follow this [guide](https://vercel.com/docs/frameworks/react-router)\n\n# notice\n\n- remix v3 has been migrated to [react-router v7](https://remix.run/blog/react-router-v7)\n- a more complex project using `remix-t3-stack` is here: [remix-words-funny](https://github.com/SteveSuv/remix-words-funny)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevesuv%2Fremix-t3-stack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstevesuv%2Fremix-t3-stack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevesuv%2Fremix-t3-stack/lists"}