Free tutorials
Create a Portfolio Website with Next.js.143h 1m

Create a Portfolio Website with Next.js.14

@janmarshalcoding3h 1mBeginner
typescriptnextjskindesanityverceltailwindcssshadcnsupabase

Source code

Free

The complete source code is free. Clone the repository and build along with the tutorial.

About this tutorial

πŸš€ Create a modern Portfolio Website with Next.js.14, Tailwind, Kinde, Prisma and Supabase! Learn step-by-step and elevate your development skills.

Features:

  • 🌐 Next.js 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

  • 🐐 Bento Layout

  • πŸ˜Άβ€πŸŒ«οΈ Deployment to Vercel

After the tutorial

Wiring auth by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Better Auth, OAuth, and 2FA already wired in.

From $199 Β· one-time payment Β· lifetime updates