Description

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

NOTE: Demo was built using PlanetScale's free tier, which is no longer available. Demo no longer works. I'll likely open up the code publicly so it can be used with your personal PlanetScale account.

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 doesn't have auth, 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 the traditional RESTful approach. Plus, it never hurts to touch up on Tailwind and React as I move towards more Next.js development. And it's improving my familiarity with TypeScript as I transition towards using and leveraging TS more completely.