Next js 15
Next.js 15 introduced several improvements, such as React 19 support, improved caching, Turbopack for faster builds, server actions, and enhanced form handling. Below are practical examples demonstrating these new features. 1. Using router.refresh() for Cache Refreshing In Next.js 15, you can manually refresh data when needed using router.refresh(). Example: Manually Refreshing Cached Data "use client"; import { useRouter } from "next/navigation"; export default function RefreshExample() { const router = useRouter(); return ( router.refresh()}> Refresh Data ); }
Next.js 15 introduced several improvements, such as React 19 support, improved caching, Turbopack for faster builds, server actions, and enhanced form handling. Below are practical examples demonstrating these new features.
1. Using router.refresh() for Cache Refreshing
In Next.js 15, you can manually refresh data when needed using router.refresh().
Example: Manually Refreshing Cached Data
"use client";
import { useRouter } from "next/navigation";
export default function RefreshExample() {
const router = useRouter();
return (
<div>
<button onClick={() => router.refresh()}>
Refresh Data
button>
div>
);
}
