Build a Video Platform: Admin Dashboard
Build a Next.js admin dashboard with shadcn/ui components, course editor forms using react-hook-form and zod validation, section and lesson management panels, and drag-and-drop reordering with dnd-kit.
All posts tagged with "react"
Build a Next.js admin dashboard with shadcn/ui components, course editor forms using react-hook-form and zod validation, section and lesson management panels, and drag-and-drop reordering with dnd-kit.
Design JPA entities for courses, sections, and lessons with Flyway migrations, build an admin CRUD API with validation, and implement slug generation, sort ordering, and DTO mapping.
Implement JWT authentication with Spring Security, OAuth2 social login with Google and GitHub, refresh token rotation, and a Next.js auth context with protected routes and automatic token refresh.
Set up a Spring Boot + Next.js project from scratch with Docker Compose for PostgreSQL and Redis. Covers project scaffolding, folder structure, dev profiles, health check endpoints, and hot reload workflow.
Learn to build a self-hosted video course platform from scratch with Spring Boot, Next.js, FFmpeg, PostgreSQL, Redis, and Stripe. A 15-post series covering HLS streaming, subscriptions, and deployment.
Build a complete React admin dashboard for your URL shortener. Implement admin layout with sidebar navigation, system metrics cards, analytics charts, user management table, URL moderation queue, and audit log viewer with Recharts and Tailwind CSS.
Build a React frontend for your URL shortener with Vite and Tailwind CSS. Create URL shortening forms, analytics dashboards with Recharts, QR code generation, and a responsive user management interface.
Add tag filtering, full-text search, and pagination to your Next.js blog. Build a tag index page, a search bar with URL query params, paginated post listings, reading time estimates, and SEO metadata — all with React Server Components.
Deep-dive into React Native's architecture — the old bridge, the New Architecture (Fabric, TurboModules, JSI), how JSX becomes native components, and why React Native is thriving in 2026.
Add the content layer to your Next.js 16 blog: read MDX files from disk, parse frontmatter with gray-matter, compile on-demand with next-mdx-remote, and render posts with syntax highlighting via rehype-pretty-code + Shiki.