mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Andrew ClarkandGitHub
8c5af211d5
The server form of refresh() is used to re-render all the dynamic data on the current page. Unlike updateTag/revalidateTag, it does not affect any cached data, so the client cache should not evict any of its entries.
49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
import { LinkAccordion } from '../../components/link-accordion'
|
|
import { ClientRefreshButton } from './client'
|
|
import { refresh } from 'next/cache'
|
|
|
|
function ServerRefreshButton() {
|
|
return (
|
|
<form
|
|
action={async () => {
|
|
'use server'
|
|
refresh()
|
|
}}
|
|
>
|
|
<button id="server-refresh-button">Server refresh</button>
|
|
</form>
|
|
)
|
|
}
|
|
|
|
export default function DashboardLayout({
|
|
navbar,
|
|
main,
|
|
}: {
|
|
navbar: React.ReactNode
|
|
main: React.ReactNode
|
|
}) {
|
|
return (
|
|
<div>
|
|
<div style={{ border: '1px solid black', padding: '1rem' }}>
|
|
{navbar}
|
|
<div>
|
|
<ClientRefreshButton />
|
|
<ServerRefreshButton />
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<LinkAccordion href="/dashboard">Dashboard Home</LinkAccordion>
|
|
</li>
|
|
<li>
|
|
<LinkAccordion href="/dashboard/analytics">Analytics</LinkAccordion>
|
|
</li>
|
|
<li>
|
|
<LinkAccordion href="/docs">Docs</LinkAccordion>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>{main}</div>
|
|
</div>
|
|
)
|
|
}
|