diff --git a/docs/start/framework/react/migrate-from-next-js.md b/docs/start/framework/react/migrate-from-next-js.md index ad2b1cecaa7..250e4d90ea4 100644 --- a/docs/start/framework/react/migrate-from-next-js.md +++ b/docs/start/framework/react/migrate-from-next-js.md @@ -304,6 +304,29 @@ function Component() { Learn more about the [Links](/router/latest/docs/framework/react/guide/navigation#link-component). +### Images + +Next.js uses the `next/image` component for optimized images. In TanStack Start, you can use the package called [Unpic](https://unpic.pics/) for similar functionality +and almost a drop-in replacement. + +```tsx +import Image from "next/image" // [!code --] +import { Image } from "@unpic/react"; // [!code ++] +function Component() { + return ( + Description + ) +} +``` + + ### Server ~Actions~ Functions ```tsx