Development · List

Steven Tey's Starter Template Stack (Precedent)

A full-stack Next.js tech stack for fast project prototyping and deployment.

This reference list outlines the production-ready tech stack behind Precedent, an open-source Next.js starter template. It combines modern web tooling including Next.js, Prisma, NextAuth, and Radix primitives to eliminate boilerplate when launching new web projects.

The list

◆ Next.js – framework

◆ Vercel – deployment

◆ NextAuth.js – auth

◆ Prisma – ORM

◆ Railway – Postgres

◆ Tailwind CSS – CSS

◆ Framer Motion – animations

◆ Radix UI – UI primitives

◆ TypeScript + Prettier + ESLint – code quality

Extra tidbits: @next/font (font optimization), @vercel/og (dynamic OG image generation at the edge), reusable hooks & utilities, vercel.com/analytics (privacy-friendly real-time traffic insights).

What it's for

  • Scaffold a new full-stack Next.js project with authentication and database access
  • Select compatible libraries for modern UI styling, animations, and database management
  • Configure edge-ready Open Graph images and performance optimizations out of the box

Key points

  • Next.js framework deployed on Vercel
  • Authentication handled via NextAuth.js
  • Prisma ORM connected to a Railway PostgreSQL database
  • Styling with Tailwind CSS, Radix UI primitives, and Framer Motion animations
  • Built-in code quality setup using TypeScript, Prettier, and ESLint
  • Optimizations including @next/font, @vercel/og image generation, and Vercel Analytics

Pricing

Free

Details

Type
List
Category
Development
Topic
Boilerplates & Starters
Open source
Yes
Platforms
Web
For
Next.js developers and indie hackers building new web apps
Alternative to
create-t3-app, Create Next App
Tags
nextjs, typescript, tailwind, prisma, boilerplate, react

Why it was saved

  • @steventey, 13 January 2023: A concrete, battle-tested stack for spinning up Next.js side projects quickly

Related

All 6 in Boilerplates & Starters →

Updated