Sonny Sangha

🔴 Let's build a Next-Gen AI Portfolio with NEXT.JS 16 (OpenAI AgentKit, MCP, Sanity, Clerk) | 2026

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



Perfect for developers who want to learn the LATEST technologies:

Next.js 16 | OpenAI’s AgentKit & ChatKit | Sanity Visual Editing | Aceternity UI | Production-ready tooling



I'll see you soon PAPAFAM. Peace! ✌️



Set your Reminder for the video below👇

1 month ago | [YT] | 24