Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gomagoma676/t3stack-todo-app
🎉 Todo app with T3-Stack
https://github.com/gomagoma676/t3stack-todo-app
nextauthjs nextjs prisma tailwindcss trpc typescript zustand
Last synced: 3 months ago
JSON representation
🎉 Todo app with T3-Stack
- Host: GitHub
- URL: https://github.com/gomagoma676/t3stack-todo-app
- Owner: GomaGoma676
- Created: 2022-10-07T00:07:20.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-04T04:48:43.000Z (about 2 years ago)
- Last Synced: 2024-10-14T00:21:32.460Z (3 months ago)
- Topics: nextauthjs, nextjs, prisma, tailwindcss, trpc, typescript, zustand
- Language: TypeScript
- Homepage:
- Size: 264 KB
- Stars: 20
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Table of contents
- About T3 Stack
- Architecture of Todo App
- Project setupAbout T3 Stack
"T3 Stack" consists of following tech and enable full stack type-safe web development speedy and simple.
- [Next.js](https://nextjs.org)
- [tRPC](https://trpc.io)
- [Tailwind CSS](https://tailwindcss.com)
- [TypeScript](https://typescriptlang.org)
- [Prisma](https://prisma.io)
- [NextAuth.js](https://next-auth.js.org)Architecture of Todo App
Project setup
### Create T3 project
~~~bash
$ npm i -g yarn
~~~
~~~bash
$ npx [email protected] t3-todo-app
~~~
~~~bash
$ yarn add zustand @heroicons/react date-fns
~~~
### DB setupstart db
~~~bash
$ docker compose up -d
~~~
remove db
~~~bash
$ docker compose rm -s -f -v
~~~
prisma migrate and type generation
~~~bash
$ npx prisma migrate dev
~~~
~~~bash
$ npx prisma generate
~~~
~~~bash
$ npx prisma studio
~~~