shubhra.dev
Loading...
Build real projects. Learn by doing. Clear tutorials, useful snippets, practical insights, quizzes, and tools to help you ship real work.
Popular topics:Web DevNext.jsFrontend
Tech stack covered in the website
From tutorial to production-ready code. Built by a developer who went through the same learning curve.
Project-based guides and practical tutorials to learn web development. Explore core fundamentals, real examples, and full-stack workflows with insights that work.
In-depth GuidesReal opinions and best practices on modern web development. No recycled content. Just things that actually matter.
Regular PostsProduction-ready code snippets and components you can copy, drop in, and use with confidence.
Premium + FreeTest your skills with hands-on quizzes. Identify gaps, learn what matters, and level up your coding knowledge.
InteractiveTemplates, tools, and starter kits for modern web development. Ready to use and skip the boilerplate.
Premium AssetsHands-on tutorials and step-by-step guides that take you from concept to working code.
Learn React 19 useFormStatus through practical examples, the pending-always-false bug nearly everyone hits first, and how it actually differs from useActionState's own isPending.
Learn React 19 useOptimistic through practical examples, the mistake that makes optimistic updates snap back on success, and when to reach for a reducer instead of an updater function.
Learn React 19 useActionState through practical examples, production pitfalls, and real-world patterns. Discover when to use it, and when not to.
Drop into your project and ship faster. No rewrites needed.
Next.js 16 role-based auth in one file. RBAC, auto token refresh, cross-tab sync, proxy-based route protection. Prevents common hydration errors, zero additional runtime dependencies.
Production caching utilities that make Next.js 16 caching production-safe. Type-safe tag registry, dual-invalidation for Server Actions, parallel prefetching, and Suspense boundary enforcement. One file, zero guessing.
A dev-only toolkit that instruments your 'use cache' functions with zero production cost. Catch cache misses, dynamic holes, missing tags, and deprecated invalidation calls. All output goes straight to your terminal.
Practical takes on building, shipping, and staying current as a developer.
A monsoon morning in my garden, hands in homemade compost, and the quiet truth about why the best code always starts outside.
Auth.js handed off active development to Better Auth. Next.js 16 renamed middleware.ts to proxy.ts. Most auth tutorials are now outdated. Here is an honest breakdown of all four paths — Auth.js v5, Clerk, Better Auth, and custom auth — with verified pricing, real CVE details, and a clear decision framework for what to actually use in 2026.
I reviewed 10 real Next.js applications and found the same 5 performance mistakes again and again. Here's what most developers get wrong and how to fix them fast.
Put your knowledge to the test. Spot the gaps, fix them fast, and walk away confident in what you know.
Think you understand the App Router? Test your knowledge of Server Components, Client Components, routing conventions, layouts, data fetching, Suspense, Server Actions, and the mental model shift that trips up most developers making the switch.
Think you know the tools that make a Next.js app fast? Test your knowledge of bundle analysis, dynamic imports, Turbopack, the React Compiler, next/image, next/font, next/script, caching strategy, and the prioritization decisions that separate fast apps from slow ones.
Master the core concepts of JavaScript including data types, functions, scope, closures, and asynchronous programming with this comprehensive quiz.
Production-ready templates, auth kits, and dashboards. Build, customize, and launch in hours, not weeks.
Go from a local launch to a global brand. Launchpad Grow includes everything in Launchpad, with powerful additions like full i18n, RTL support, Resend email, Sentry error monitoring, and built-in privacy pages.
AuthenticationA free, minimal session authentication scaffold for Next.js 16. Email and password login with bcrypt, JWT cookies via jose, and a proxy.ts plus layout.tsx guard. No auth library. Strict TypeScript.
AuthenticationProduction-ready Next.js 16 auth kit: email/password, Google & GitHub OAuth, verification, reset, roles, admin panel. Three-layer security model. Ship today.
Free tutorials to learn, premium snippets to reuse, and marketplace products to ship fast. Pick your starting point.
