tRPC with Next.js, TypeScript & Prisma

Why you should be learning & using tRPC

• Making E2E type-safe APIs is fun and easy
• Gives you a deeper understanding of Next.js
• Going to be very popular (prediction)

Technologies used

• tRPC
• TypeScript
• Prisma (Postgres)
• Zod - Schema validation & type generation
• nodemailer - Sending OTP emails
• Next.js
• TailwindCSS
• Typescript
• React Hook Form
• React Query
• React Icons
• React Toastify
• React Testing Library
• SuperJSON
• JSON Web Token
• ESLint
• Prettier
• Husky
• Jest
• Prisma
• MongoDB
• Docker

See the aplication 👀

Welcome! 👋

** Frontend Technologies 🛠

Next.js Coffee Shop

for run in local you need the local database

docker-compose up -d

• MongoDB URL Local: yarn install yarn dev

  mongodb://localhost:27017/coffee-shop

fill the database for test with dummy data

  http://localhost:3000/api/seed

Pre-requirements 📋

• Node
• Npm

Run app " Development " ⚙️

1.- npm install or yarn install
2.- npm run dev or yarn dev  --Mode development

Run app " Production " 🚀

1.- npm install or yarn install
2.- npm run build or yarn build
3.- npm run start or yarn start  --Mode production

Deployment 📦

• Vercel - Vercel

Tools I've used in this project

• React - React
• NextJs - NextJs
• Next Auth - Next Auth
• Axios - Axios
• React Query - React Query
• React Hook Form - React Hook Form
• React Icons - React Icons
• React Toastify - React Toastify
• React Spinners - React Spinners
• Tailwind - Tailwind
• Express JS - Express JS
• MongoDB - MongoDB
• Prisma - Prisma ORM
• Typescript - Typescript
• Zod - Zod
• React Testing Library - React Testing Library

Author ✒️

Developed by

• Ismael JDz7 - Frontend-Developer - IsmaelJdz7

---

⌨️ with ❤️ by IsmaelJDz7 😊