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 AssetsGet practical tutorials, engineering insights, and new developer resources delivered.
One-click confirmation required. No spam. Unsubscribe anytime.
Hands-on tutorials and step-by-step guides that take you from concept to working code.
abort() cancels the fetch in the client, but does not automatically cancel work on your server. I tested Node 22 and 24, Express, Hono and PostgreSQL.
Part 5 of React 19 Deep Dive: learn useTransition, async UI, pending state, error handling, and how to prevent stale results from out-of-order requests.
Part 1 of React 19 Deep Dive: learn useActionState through practical examples, production pitfalls, real-world patterns, and when to use it or avoid it.
Drop into your project and ship faster. No rewrites needed.
A free, drop-in SubmitButton fixing useFormStatus pending: false, with per-button pending, repeat-click protection, and accessible focus handling.
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.
Practical takes on building, shipping, and staying current as a developer.
A bug fix took twenty minutes. Walking away from it took me two more hours. On the difference between improving a product and improving how I felt about it.
I throttled my app to 3G and found two correctness bugs my tests missed: out-of-order search responses and an autosave retry that duplicated an in-flight save.
Next.js 16.3 is more than a performance release. See what upgrades automatically, how Instant Navigations and Partial Prefetching work, and what changed for AI agents.
Put your knowledge to the test. Spot the gaps, fix them fast, and walk away confident in what you know.
Test your Next.js Cache Components knowledge with generateStaticParams, Suspense, nested layouts, runtime params, and the layout fix that took three attempts.
Six triggers, three fixes, and one layout surprise that'll bite you on a real migration. Test whether the mental model from the Cache Components deep dive actually stuck.
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.
Production-ready templates, auth kits, and dashboards. Build, customize, and launch in hours, not weeks.
Production-ready Next.js 16 auth kit: email/password, Google & GitHub OAuth, verification, reset, roles, admin panel. Three-layer security model. Ship today.
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.
A 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.
Free tutorials to learn, premium snippets to reuse, and marketplace products to ship fast. Pick your starting point.