Create a modern portfolio website with Next.js.14, Tailwind, Kinde, Sanity and Supabase
🚀 Create a modern Portfolio Website with Next.js.14, Tailwind, Kinde, Prisma and Supabase! Learn step-by-step and elevate your development skills.
🚀 Kinde Auth: https://dub.sh/xeU8r3v
👨🏻💻 GitHub Repository: https://janmarshal.com/courses/create...
🌍 My Website: https://www.janmarshal.com
✅ Follow me on Twitter: / janmarshaldev
📧 Business ONLY: [email protected]
Resources used:
Next.js: https://nextjs.org
Kinde: https://dub.sh/xeU8r3v
Tailwind.css: https://tailwindcss.com
Shadcn/UI: https://ui.shadcn.com
Prisma: https://prisma.io
Supabase: https://supabase.com
Sanity: https://www.sanity.io/
Features:
🌐 Nextjs App Router
🔐 Kinde Authentication
📧 Passwordless Auth
🔑 OAuth (Google and GitHub)
💿 supabase Database
💨 prisma Orm
🎨 Styling with tailwindcss and shadcn UI
✅ Guestbook Feature
💵 Store Projects in Sanity
😶🌫️ Deployment to Vercel
Pending States
Cache Revalidation
Streaming
Server side implementation
Timestamps:
00:00 Intro
2:30 Installation
4:30 Creation of Navbar
31:00 Creation of Guestbook page
40:00 Auth with Kinde
50:00 Finishing Guestbook
01:32:00 Projects Page with Sanity
02:06:00 Create Homepage
02:43:00 Deployment to Vercel