Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        

## Table of contents

- About T3 Stack
- Architecture of Todo App
- Project setup

About 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 setup

start 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
~~~