Build AI Resume Builder with Next.js, React, Hono, Drizzle, Kinde & Postgres | PDF Download 1/2

In this tutorial, we will build a powerful AI resume builder using Next.js and Hono for a lightweight backend API, Drizzle ORM, Gemini AI, Tailwind CSS, and React Query. Hosted on Vercel Postgres for a reliable, high-performance database. Get ready to build and deploy a production-ready AI resume builder with PDF download capabilities!

#nextjs14 #reactjs #tailwindcss #gemini #coding

📺👉 Part 2 -    • Build AI Resume Builder with Next.js, Reac...  

🙌 Support my work by giving a "Super Thanks!" Your support helps me keep creating amazing content!"

🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma
🐦 Follow us on Twitter: x.com/techwithemma
🖼️ Follow us on Instagram: www.instagram.com/techwithemmaofficial

⭐Build an AI Resume Builder with Next.js, React, Honojs, Kinde, Drizzle Orm, TailwindCSS, Gemini AI, and Vercel Postgres, | PDF Download 1/2

🚀Live Deployed Version
👉cvbuild-ai.vercel.app/

💻👉 Access the course files on GitHub (Give a Star ⭐):
Read the READ ME:
Course files:github.com/TechWithEmmaYT/AI-Resumes-Builder

💻👉 Build and Deploy: TWITTER Clone with Next, Auth, Prisma, Neon, Tailwind & Stripe (2024!:
on Youtube:    • Build and Deploy: TWITTER Clone with Next,...  

💻👉 Tailwind CSS Full Course | Build an AI Saas Website:
on Youtube:    • Tailwind CSS Full Course | Build an AI Saa...  

💻👉 Tailwind CSS Full Course | Build an AI Saas Website:
on Youtube:    • Tailwind CSS Full Course | Build an AI Saa...  

💻👉 Zustand FULL COURSE in 2024:
on Youtube:    • Zustand FULL COURSE in 2024 | Simple React...  

💻👉 Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!:
on Youtube:    • Shadcn ui Crash Course: Reactjs/Next.js 14...  

💻👉 VSCode Productivity Tips and Keyboard Shortcuts:
on Youtube:    • 15 Essential VSCode Productivity Tips and ...  

🗝️Key Features: 👇
🔐 Authentication with kinde - Google Signin
➕ Creating Resume
✏️ Editing Resume
🎨 Resume Theme colors
📸 Resume Thumbnail
🗨️ Shareable Resume Link
🔎 Search Trash Resume
📡 Real-time Editing
🔗 Preview mode
👨‍💻 Download Resume to PDF FORMAT
🤖 Resume Generation with AI
⚛️ Built with Next.js 14
🎨 Styled with TailwindCSS and Shadcn UI
🪝 Hono Api & Tanstack React Query
💾 Vercel PostgreSQL & Drizzle ORM
🚀 Deployed on Vercel


📚 Chapters 👇
00:00 Intro
00:38 Demo
01:49 Project Setup
11:53 Project Structure
23:58 Kinde Authentication
40:03 Dashboard Header
01:05:59 HonoJS
01:32:46 Protected API Route - HonoJS
01:48:46 Vercel Postgres Setup
01:59:14 Drizzle Orm Setup
02:26:27 Relationship In Drizzle Orm
02:53:43 Create Resume
03:41:19 Fetch All Resumes
04:25:15 Top Section
05:11:51 Preview Section
06:07:21 Personal Info Form


🗃️Resources 👇
🔗👉NextJS - nextjs.org/
🔗👉Kinde -kinde.com/
🔗👉Vercel Postgres -vercel.com/docs/storage/vercel-postgres/using-an-o…
🔗👉Drizzle - orm.drizzle.team/docs/overview
🔗👉ReactQuery - tanstack.com/query/latest
🔗👉TailwindCSS - tailwindcss.com/
🔗👉Shadcn UI - ui.shadcn.com/docs/installation/next

🙌 Support my work: buymeacoffee.com/techwithemmaofficial ☕️

💻👉Like & Subscribe To the Channel
Channel: tinyurl.com/subcribe-to-techwithEmma

☀️Next.js AI Resume Builder Tutorial: React, Vercel Postgres,