User
Write something
Pinned
🔴 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!
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 🙏
Showcase chatbox assistant
Integrated an AI-powered chatbox assistant using Google’s Gemini API, with interactive clickable links for enhanced user navigation.
0
0
Showcase chatbox assistant
🌟 December is Freedom Month! 🌟
As the year comes to an end, December reminds us that freedom isn’t just about vacations or time off it’s about creating the life you truly want. 💫 ✅ Freedom to work on your dreams ✅ Freedom to spend time with loved ones ✅ Freedom to grow, learn, and take risks This December, don’t just celebrate the holidays celebrate your freedom to live life on your own terms. Whether it’s starting that business, learning something new, or finally taking that leap, your time is now. ✨ How will you use your freedom this December? Drop your thoughts below! 👇
1
0
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 🚀
0
0
Introducing <WaveCTA/>
1-30 of 3,027
University of Code
skool.com/universityofcode
You'll get Exclusive Lessons & Content, Badass Community Support & More here to elevate as a Dev!
Leaderboard (30-day)
Powered by