Join me as I show you how to build a stunning, AI-powered portfolio from scratch that represents you 24/7 using the latest cutting-edge technologies! 🎯 What You’ll Learn Modern Tech Stack (Using the NEWEST Releases!): - Next.js 16 - JUST RELEASED! React 19 with App Router, Turbopack, and Server Components - OpenAI’s BRAND NEW AgentKit & ChatKit* - OpenAI’s latest release for building AI agents with streaming chat - Sanity CMS - Headless CMS with custom schemas, Studio dashboard, VISUAL EDITING with Presentation Tool - Clerk - Complete authentication with customizable components - Tailwind CSS v4 - Modern utility-first styling - Framer Motion - Smooth animations and micro-interactions - Aceternity UI - Stunning animated components (dotted glow backgrounds, ripple effects, comet cards) 💻 Core Features: - AI Twin Chat - Built with OpenAI’s NEW ChatKit - 3 personality modes (Crisp, Clear, Chatty) - Dual App Architecture - Public portfolio + Sanity Studio CMS in one codebase - Visual Content Editing - Edit in Sanity Studio and see changes LIVE with Presentation Tool - Dynamic Hero Section - Animated text-flipping headlines - Comprehensive Sections - Skills charts, experience timeline, projects, blog, testimonials, achievements - Floating Navigation Dock - Beautiful macOS-style dock - Real-Time Content - Live updates with Sanity’s Live API and draft mode preview 🛠️ Advanced Concepts: - OpenAI AgentKit Integration - NEW framework for AI agents with context awareness - Sanity Visual Editing - Presentation Tool with side-by-side editing and live preview - Draft Mode - Preview unpublished content before going live - GROQ Queries - Powerful filtering with Sanity’s query language + Vision tool playground - Server Actions - Form submissions with Next.js 16 - Type Safety - End-to-end TypeScript with auto-generated Sanity types - Accessibility First - Radix UI primitives 🚀 Production Skills: - Dual App Deployment - Portfolio on Vercel + Sanity Studio hosting - Content Management - 61 sample documents with automated import scripts - Custom UI Components - Aceternity UI animations, animated testimonials, world maps, charts (Recharts) - Icon Systems - Lucide React + Tabler Icons - Modern Tooling - Biome for ultra-fast linting and formatting - SEO Optimization - Metadata configuration and structured content - Performance - Server Components, image optimization, and fast page loads

does anyone know if there was a next.js project on project management or something, not sure but i can't find it no more.

i have checked a few aff programs, but all mess up the next.config routing, would need a different middleware to handle it else i get clerk crashes.. does anyone have an idea on what i could use ? basically passing ?ref=123 breaks the middleware since clerk needs a cookie or something.

I missed out on doing the build last week because I wasn't feeling too great. But, I started working on it from this week, and I'm happy to say that I've made some awesome progress on it so far! Thanks to @Jay Rathod and @Sonny Sangha for making these builds super simple! So far, I've built the landing page with Clerk (and Clerk Elements!) and also managed to integrate Schematic. At the start, I struggled with the Schematic integration, but after some fiddling and tweaking I eventually managed to get it working. I'm almost halfway through the build on this project, and I even bought a domain name (not a ".ai" 😆) that I will use to host this build to showcase in my portfolio. Attaching a few screenshots of the build so far.

@Sonny Sangha contact me for private work ;)