https://notanumber.in Hi, I'm Rajiv! Welcome to my digital garden where I share my knowledge about software development, problem-solving, and building better applications. en-us Sun, 17 May 2026 00:00:00 GMT https://notanumber.in/blog/migrating-from-nextra-to-tanstack-start https://notanumber.in/blog/migrating-from-nextra-to-tanstack-start Migrating from Nextra to TanStack Start: why I left, how to add cached API routes with @vercel/functions, and SEO patterns that replace the Next.js metadata export. Sun, 17 May 2026 00:00:00 GMT hello@notanumber.in (Rajiv) tanstack-start nextra nextjs vercel migration seo https://notanumber.in/blog/how-to-improve-seo-in-nextjs https://notanumber.in/blog/how-to-improve-seo-in-nextjs Learn how to improve SEO in Next.js 16 using the Metadata API, dynamic OG images, sitemap.ts, robots.ts, and streaming metadata — everything you need to rank. Fri, 17 Apr 2026 00:00:00 GMT hello@notanumber.in (Rajiv) nextjs seo metadata opengraph typescript nextjs-16 https://notanumber.in/blog/hey-api-stop-writing-api-clients-by-hand https://notanumber.in/blog/hey-api-stop-writing-api-clients-by-hand Learn how to use @hey-api/openapi-ts to auto-generate a fully type-safe TypeScript SDK, React Query hooks, and Zod schemas directly from your OpenAPI spec — no more writing API clients by hand. Thu, 16 Apr 2026 00:00:00 GMT hello@notanumber.in (Rajiv) typescript openapi react-query zod hey-api openapi-ts code-generation https://notanumber.in/blog/handle-nextjs-error-like-pro https://notanumber.in/blog/handle-nextjs-error-like-pro Master error handling in Next.js with try-catch and error boundaries. Learn server-side and client-side error handling techniques to prevent app crashes and improve user experience in production applications. Mon, 03 Nov 2025 00:00:00 GMT hello@notanumber.in (Rajiv) react error nextjs https://notanumber.in/blog/animated-dark-mode-toggle-with-view-transitions-api-in-react https://notanumber.in/blog/animated-dark-mode-toggle-with-view-transitions-api-in-react In this article, we will learn how to animate the dark mode toggle with the View Transitions API in React. Thu, 02 Oct 2025 00:00:00 GMT hello@notanumber.in (Rajiv) react dark-mode view-transitions clip-path https://notanumber.in/blog/render-modal-on-a-route-with-the-parent-in-background-in-tanstack-router https://notanumber.in/blog/render-modal-on-a-route-with-the-parent-in-background-in-tanstack-router In modern web applications, modals are an essential UI element for displaying content without navigating away from the current page. This article demonstrates how to create a modal route in Tanstack Router, I hope you find it helpful. Mon, 25 Aug 2025 00:00:00 GMT hello@notanumber.in (Rajiv) react tanstack-router modal outlet https://notanumber.in/blog/fixing-react-dark-mode-flickering https://notanumber.in/blog/fixing-react-dark-mode-flickering Flickering in React and Next.js dark mode—also known as a flash of unstyled content (FOUC)—happens when styles are not applied early enough. In this guide, we'll explore what causes it and how to fix it using Tailwind CSS, JavaScript, and libraries like Next-Themes. Sun, 20 Apr 2025 00:00:00 GMT hello@notanumber.in (Rajiv) react dark-mode fouc tailwind nextjs https://notanumber.in/blog/tanstack-router-a-modern-and-scalable-routing-library-for-react https://notanumber.in/blog/tanstack-router-a-modern-and-scalable-routing-library-for-react TanStack Router is a fully type-safe routing solution for React applications and it will make you to fall in love with routing again 🙈. Created by Tanner Linsley (the same mind behind React Query), it aims to solve many of the pain points developers face with traditional routing libraries. in this guide, i'll show you how to do routing and see how powerful tanstack router is. Wed, 02 Apr 2025 00:00:00 GMT hello@notanumber.in (Rajiv) react tanstack-router routing typescript https://notanumber.in/blog/shadcn-ui-modern-approach-component-libraries https://notanumber.in/blog/shadcn-ui-modern-approach-component-libraries Discover how shadcn/ui is revolutionizing the web development with its flexible, accessible, and customizable components. Learn about its key features and see practical examples. Mon, 28 Oct 2024 00:00:00 GMT hello@notanumber.in (Rajiv) react shadcn-ui component-library tailwind-css https://notanumber.in/blog/why-you-should-use-virtualization-for-larger-lists https://notanumber.in/blog/why-you-should-use-virtualization-for-larger-lists Learn how React virtualization optimizes rendering large datasets, improving performance by only rendering visible items in the viewport. This article explains the concept of virtualization, why it's important, and how to implement it using libraries like react-virtualized and react-window. Wed, 11 Sep 2024 00:00:00 GMT hello@notanumber.in (Rajiv) react virtualization performance-optimization large-data-sets react-virtualized react-window https://notanumber.in/blog/how-to-build-modal-route-with-react-router-and-outlet https://notanumber.in/blog/how-to-build-modal-route-with-react-router-and-outlet In modern web applications, modals are an essential UI element for displaying content without navigating away from the current page. This article demonstrates how to create a modal route in React Router using the Outlet component, I hope you find it helpful. Sat, 10 Aug 2024 00:00:00 GMT hello@notanumber.in (Rajiv) react react-router modal outlet https://notanumber.in/blog/how-to-create-modal-route-in-nextjs https://notanumber.in/blog/how-to-create-modal-route-in-nextjs Parallel Routes can be used together with Intercepting Routes to create modals that support deep linking. In this article, we'll learn how to create a modal route in Next.js. and also we'll see the live demo example. Tue, 02 Jul 2024 00:00:00 GMT hello@notanumber.in (Rajiv) nextjs parallel-routes intercepting-routes modal-route react nextjs-modal https://notanumber.in/blog/how-to-use-svg-as-react-component https://notanumber.in/blog/how-to-use-svg-as-react-component Learn how to use SVG as React components in Create React App, Next.js (with Webpack & Turbopack), and Vite. Includes TypeScript support, performance benefits, and step-by-step configuration guides. Fri, 01 Mar 2024 00:00:00 GMT hello@notanumber.in (Rajiv) react svg nextjs vite turbopack webpack https://notanumber.in/blog/tailwindcss-not-working-in-new-nextra-web-app https://notanumber.in/blog/tailwindcss-not-working-in-new-nextra-web-app TailwindCSS is a utility-first CSS framework that helps you to build modern web applications. In this article, we will see how to setup TailwindCSS in a new Nextra web app. Thu, 15 Feb 2024 00:00:00 GMT hello@notanumber.in (Rajiv) nextra tailwindcss nextjs web-development