Full Stack Serverless with Prisma & Next.js ft. Mahmoud Abdelwahab - Colbyashi Maru

Опубликовано: 05 Август 2026
на канале: Colby Fayock

2,682

101

Learn how to build a serverless contact management app with Next.js, Prisma, Typescript, Tailwind, and NextAuth.js.

In this stream, Mahmoud Abdelwahab walks through:
0:00:00 - Intro to Full Stack Serverless with Prisma & Next.js
0:03:20 - Creating a new Next.js project from scratch
0:06:00 - Adding Typescript to a Next.js app
0:07:40 - Configuring Tailwind CSS in a Next.js app
0:14:04 - Explaining how Prisma works with databases and the development stack
0:22:49 - Creating a new Postgres database in Heroku
0:23:54 - Installing and setting up Prisma client in a Next.js app
0:37:08 - Using Prisma Studio to visualize database
0:41:10 - Setting up NextAuth.js in a Next.js app with GitHub
0:47:19 - Using a NextAuth session to find User in Prisma
0:50:10 - Adding login and contact UI to the app
0:55:02 - Adding a serverless function to create a new Contact
1:01:50 - Other Prisma community and examples
1:06:34 - Outro

Mahmoud Abdelwahab
  / thisismahmoud_
   / channel

Subscribe on Twitch to catch the next one live!
  / colbyfayock

More Colbyashi Maru episodes
   • Colbyashi Maru

🧰 More Resources

Prisma
https://www.prisma.io/

Prisma Examples
https://github.com/prisma/prisma-exam...

Next.js
https://nextjs.org/

NextAuth.js
https://next-auth.js.org/

Tailwind CSS
https://tailwindcss.com/

About Colbyashi Maru
https://www.colbyfayock.com/2021/01/c...

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?s...

🐦 Get updates straight to your Twitter @colbyfayock
  / colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
  / colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🎼 Music
Streambeats
https://www.streambeats.com/

#colbyfayock #colbyashimaru #prisma #serverless #nextjs #fullstack #webdevelopment