Modern Full-Stack React/NextJS Setup Guide | 2023

Опубликовано: 13 Июнь 2025
на канале: Doug's Coding Corner

10,697

453

This is a quick tutorial on how to create and deploy a #fullstack #react application with a database (#supabase), authentication (NextAuth + Discord), and automatic deployment (#vercel) using the amazing #t3stack. 🚀

Timestamps
0:00 Intro
1:00 Create T3 App
2:50 Supabase & Prisma Setup (Local & Remote)
8:27 NextAuth & Discord Setup
11:41 Github Setup
12:56 Vercel Setup & Schema Migration
18:50 Outro

Notes
Callback URLs for the authentication provider:
http://localhost:3000/api/auth/callback/discord
https://[app_name].vercel.app/api/auth/callback/discord
Vercel build override:
prisma generate && prisma migrate deploy && next build

Tools Used
T3 Stack: https://create.t3.gg/
Supabase: https://supabase.com/
Discord Dev Portal: / discord
Vercel: https://vercel.com/glue4

Helpful Resources
Local Supabase Setup: https://supabase.com/docs/guides/reso...
T3 Docs: https://create.t3.gg/en/introduction

Credits
Music "Milk Shake" by Coma Media: https://pixabay.com/music/beats-milk-...