/

Let's build the web together

/

t3StackList

Next.js / Prisma / PlanetScale / Tailwind / tRPC / TypeScript

Description

My simple full-stack list built with Next.js, TypeScript, Tailwind, & tRPC (T3 Stack). Prisma & PlanetScale, w/ Framer Motion

Overview

In order to better understand Next.js, TypeScript, type safety, and non-REST APIs using tRPC, I developed this full-stack list application using T3 Stack, Prisma, and PlanetScale. Because this app is full-stack, all users are accessing and editing the same shared list.

Building these types of projects is helping me understand the mental model of using tRPC mutations and Prisma to query my database as opposed to traditional REST routes. It also helps me push my competencies with Tailwind and React user interfaces as I move towards more Next.JS development.

Technologies

Next.js

Prisma

PlanetScale

Tailwind

tRPC

TypeScript

Framer Motion

Back