init tanstack
This commit is contained in:
24
src/routes/demo/start.ssr.full-ssr.tsx
Normal file
24
src/routes/demo/start.ssr.full-ssr.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
import { createFileRoute } from '@tanstack/react-router'
|
||||
import { getPunkSongs } from '@/data/demo.punk-songs'
|
||||
|
||||
export const Route = createFileRoute('/demo/start/ssr/full-ssr')({
|
||||
component: RouteComponent,
|
||||
loader: async () => await getPunkSongs(),
|
||||
})
|
||||
|
||||
function RouteComponent() {
|
||||
const punkSongs = Route.useLoaderData()
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h1>Full SSR - Punk Songs</h1>
|
||||
<ul>
|
||||
{punkSongs.map((song) => (
|
||||
<li key={song.id}>
|
||||
{song.name} - {song.artist}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user