University of Code

Write something

Pinned

3d •

🔴 Let’s build an LMS Platform with NEXT.JS 16! (Sanity, Clerk, CodeRabbit, Stripe, Mux, AI Agent's)

Join me as I show you how to build an AI Powered SaaS LMS Platform from scratch with the latest Next.js 16 - This comprehensive tutorial covers everything you need to create an AI Powered SaaS LMS Platform! 🎯 What You'll Learn: ✅ Next.js 16 with App Router & Server/Client components and Server Actions! ✅ Clerk authentication & billing for feature gating & subscriptions (Free/Pro/Ultra tiers) ✅ Sanity CMS with the brand new Sanity App SDK for building custom admin experiences ✅ shadcn/ui + Tailwind CSS 4 for beautiful, modern UI ✅ Mobile-responsive design with professional layouts ✅ Mux video streaming with signed playback tokens for secure delivery ✅ OpenAI GPT-5 for AI-powered learning assistant with tool calling (AI Agent!) ✅ Custom bespoke admin panel - Build your own CMS frontend (not just Sanity Studio!) ✅ Drag-and-drop course builder with @dnd-kit for module/lesson reordering ✅ Real-time mulitplayer content editing with Sanity SDK hooks (useDocument, useEditDocument) ✅ Document actions - Publish, unpublish, discard, delete from custom UI ✅ Progress tracking - Mark lessons complete, track course completion ✅ Tier-based content gating - Control access based on subscription level ✅ AI course search - Semantic search across all course content for the tutor ✅ TypeScript end-to-end with Sanity typegen for type-safe queries ✅ Portable Text rich content for lesson notes with custom rendering ✅ Ultra-exclusive features - AI Tutor only available to premium subscribers + SO MUCH MORE!

New comment 17h ago

Siddhant Mani

6h •

General discussion

Introducing <WaveCTA/>

A premium, motion-first call-to-action built specifically for hero sections. Flowing lines, subtle particles, and smooth ambient motion. The kind of detail that makes a hero section feel intentional, not generic. Zero setup. Copy → Paste → Ship. Launching soon 🚀

Maison Chetty

1d •

AI Agent SaaS Challenge

LMS Platform Hydration error

Hey everyone, can I please get some help with a hydration error in my Next.js + Sanity project? I’ve been following Sonny Sangha’s tutorial and everything was going well until I reached the Sanity Studio section. I’ve been stuck on this the whole night 😅 and I’m not sure if I made a mistake in my setup or if it’s something coming from Sanity’s PortableText renderer. These are the errors I’m getting: Error 1: In HTML, <div> cannot be a descendant of <p>. This will cause a hydration error. See more info here: https://nextjs.org/docs/messages/react-hydration-error Error 2: <p> cannot contain a nested <div>. See this log for the ancestor stack trace. The error points to my app/studio/[[...tool]]/page.tsx file, but my file is literally just: import { NextStudio } from "next-sanity/studio"; import config from "../../../sanity.config"; export const dynamic = "force-static"; export { metadata, viewport } from "next-sanity/studio"; export default function StudioPage() { return <NextStudio config={config} />; } I also tried searching for solutions, and some AIs say the issue might be coming from Sanity’s PortableText blockquote renderer, which auto-generates HTML that causes <p> tags to wrap <div>s. I’m not sure whether I installed something wrong, misconfigured Sanity, or if this is a known issue. If anyone has seen this before or knows how to fix it, I’d really appreciate the help 🙏

New comment 16h ago

Raymond Adeniyi

3d •

General discussion

December reminds us of the month the PAPAFAM community was born.

Many of us wouldn’t be here today if not for the passion and decision of our Founder and Co-Founder. So yes… our PAPAFAM anniversary or should we call it birthday is officially on the countdown! 🎉🔥 Peace ✨

2d •

BIG NEWS. 🚀 For months, I've been quietly building something I always wished existed as a frontend dev. A motion-first React UI kit, fully animated, zero dependencies, and stupidly easy to drop into real products. Introducing React Vibe. Clean animations. Production-ready components. No setup. No bloat. No surprises. Launching soon.

New comment 1d ago