Blog

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.

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.

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.

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.

In this article, we will learn how to animate the dark mode toggle with the View Transitions API in React.

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.

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.

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.

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.

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.

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.

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.

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.

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.