Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

Video course · 15 chapters · 264 min · certificate

Build a Perplexity AI Clone: Next.js, React, Tailwind, Clerk & Supabase

Build a Perplexity-style AI search app: Next.js setup, sidebar and home input, Clerk auth, Supabase backend, saving searches, a web search API, storing results, LLM summaries with Inngest, status polling, image tabs, loading states, a library, a Discover screen and Vercel deployment.

Become a memberAlready a member? Sign in

What you'll learn

  • Set up a Next.js full-stack app
  • Add authentication with Clerk
  • Store searches in Supabase
  • Fetch real-time web results
  • Summarize with an LLM via Inngest
  • Build library, discover and deploy to Vercel

Chapters

15 chapters · 263:36
  1. 16:16 01Setup Members Introduction and Next.js app Full-stack Perplexity clone with Next.js.
  2. 17:06 02UI Members Sidebar Building the sidebar.
  3. 19:00 03UI Members Home input box Logo, input and tabs.
  4. 10:50 04Auth Members Sign in and sign up Clerk authentication.
  5. 14:19 05Backend Members Backend setup Supabase integration.
  6. 15:00 06Data Members Saving search input How Perplexity works; saving queries.
  7. 27:38 07Search Members Web search API Real-time data via a search API.
  8. 17:49 08Data Members Saving web results Storing search results.
  9. 26:23 09AI Members LLM summaries with Inngest Generating summaries in background jobs.
  10. 23:37 10UI Members Event status and display Polling job status and showing results.
  11. 16:53 11UI Members Image and search tabs Showing images and sources.
  12. 18:03 12Polish Members Loading, new topics and fixes Loading states, new searches and a bug fix.
  13. 9:51 13History Members Library Search history.
  14. 20:37 14Discover Members Discover screen News by category.
  15. 10:14 15Deploy Members Deploying to Vercel GitHub then Vercel.