How to make a Full-stack CRUD app from scratch in 50 minutes in Next.js 14 w/ Prisma & tRPC (2024)
Learn how to build a full-stack CRUD app using the latest technologies including Next.js, Prisma, tRPC, Shadcn, and Tailwind!
This tutorial will guide you through creating a "Spellbook" app, perfect for warrior devs looking to expand their skills in web development.
Next video to watch:
• Learn tRPC and Prisma Integration in Next....
Some of the projects to check:
Connector: https://github.com/TheOrcDev/orcish-o...
AI Framework: https://github.com/TheOrcDev/orcish-a...
⚔️ Join The Horde
Discord: / discord
Github: https://github.com/TheOrcDev
00:00 Introduction
00:16 Next.js Installation
01:23 Project Overview
02:28 Prisma Installation & Setup
05:40 tRPC
12:19 CRUD
17:25 Frontend with Shadcn
20:55 Getting spellbooks
22:54 Add new spellbook
30:50 Dynamic route
32:23 Spells
41:44 Create new spell
44:29 Upload image
50:05 Delete Spell
51:52 Refresh
55:45 Final Touch
#nextjs #trpc #shadcn #reactjs #tailwind #prisma #webdevelopment #fullstack