{params.id}
+} diff --git a/packages/app-pracht/src/routes/client-side-rendered.tsx b/packages/app-pracht/src/routes/client-side-rendered.tsx new file mode 100644 index 00000000..33e47a2f --- /dev/null +++ b/packages/app-pracht/src/routes/client-side-rendered.tsx @@ -0,0 +1,39 @@ +import { Link } from '@pracht/core' +import { useState } from 'preact/hooks' + +interface Entry { + id: string + name: string +} + +function generateData(): Entry[] { + return Array.from({ length: 1000 }, () => ({ + id: crypto.randomUUID(), + name: crypto.randomUUID(), + })) +} + +export function Component() { + const [entries] = useState(generateData) + + return ( +| {entry.id} | +{entry.name} | ++ + View → + + | +
| {entry.id} | +{entry.name} | ++ + View → + + | +
{data.id}
+} diff --git a/packages/app-pracht/src/routes/server-side-rendered.tsx b/packages/app-pracht/src/routes/server-side-rendered.tsx new file mode 100644 index 00000000..be9a82fb --- /dev/null +++ b/packages/app-pracht/src/routes/server-side-rendered.tsx @@ -0,0 +1,30 @@ +import { Link, type RouteComponentProps } from '@pracht/core' +import { testData } from '../../../testdata/src/ssr' + +export async function loader() { + const data = await testData() + return { data } +} + +export function Component({ data }: RouteComponentProps| {entry.id} | +{entry.name} | ++ + View → + + | +
| {entry.id} | +{entry.name} | +
Starter ready.
++ This starter is configured for {data.adapter}. +
+
+ Check /api/health for a simple API route.
+
404
++ The page you asked for does not exist. It may have moved, or the link + may be wrong. +
+ {/* A plain anchor keeps this page independent of the route table. + Use a typed once you want client-side navigation. */} + Back to home +A new pracht app.
+