SvelteKit, Next.js, SolidStart

This commit is contained in:
Anthony DePasquale
2025-04-12 21:17:34 +02:00
parent c8e078a714
commit 0e12a5cb7a
6 changed files with 11 additions and 11 deletions

View File

@@ -100,7 +100,7 @@ const frameworks = [
), ),
}, },
{ {
title: "Solid Start", title: "SolidStart",
description: "Fine-grained reactivity goes fullstack", description: "Fine-grained reactivity goes fullstack",
Icon: () => ( Icon: () => (
<svg <svg

View File

@@ -1070,7 +1070,7 @@ C0.7,239.6,62.1,0.5,62.2,0.4c0,0,54,13.8,119.9,30.8S302.1,62,302.2,62c0.2,0,0.2,
href: "/docs/integrations/svelte-kit", href: "/docs/integrations/svelte-kit",
}, },
{ {
title: "Solid Start", title: "SolidStart",
icon: Icons.solidStart, icon: Icons.solidStart,
href: "/docs/integrations/solid-start", href: "/docs/integrations/solid-start",
}, },
@@ -1811,7 +1811,7 @@ export const examples: Content[] = [
icon: Icons.remix, icon: Icons.remix,
}, },
{ {
title: "Next JS", title: "Next.js",
href: "/docs/examples/next-js", href: "/docs/examples/next-js",
icon: Icons.nextJS, icon: Icons.nextJS,
}, },

View File

@@ -19,7 +19,7 @@ export const techStackIcons: TechStackIconType = {
icon: <Icons.svelteKit className="w-10 h-10" />, icon: <Icons.svelteKit className="w-10 h-10" />,
}, },
solidStart: { solidStart: {
name: "Solid Start", name: "SolidStart",
icon: <Icons.solidStart className="w-10 h-10" />, icon: <Icons.solidStart className="w-10 h-10" />,
}, },
react: { react: {

View File

@@ -296,8 +296,8 @@ The server provides a `session` object that you can use to access the session da
**Example: Using some popular frameworks** **Example: Using some popular frameworks**
<Tabs items={["NextJs", "Nuxt", "Svelte", "Astro", "Hono", "TanStack"]}> <Tabs items={["Next.js", "Nuxt", "Svelte", "Astro", "Hono", "TanStack"]}>
<Tab value="NextJs"> <Tab value="Next.js">
```ts title="server.ts" ```ts title="server.ts"
import { auth } from "./auth"; // path to your Better Auth server instance import { auth } from "./auth"; // path to your Better Auth server instance
import { headers } from "next/headers"; import { headers } from "next/headers";

View File

@@ -20,7 +20,7 @@ See [Demo](https://demo.better-auth.com)
borderRadius: "4px", borderRadius: "4px",
overflow: "hidden" overflow: "hidden"
}} }}
title="Better Auth Next Js Example" title="Better Auth Next.js Example"
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
> >

View File

@@ -32,7 +32,7 @@ Read more about [cookie caching](/docs/concepts/session-management#cookie-cache)
Here are examples of how you can do caching in different frameworks and environments: Here are examples of how you can do caching in different frameworks and environments:
<Tabs items={["NextJs", "Remix", "Solid Start", "React Query"]}> <Tabs items={["Next.js", "Remix", "SolidStart", "React Query"]}>
<Tab value="NextJS"> <Tab value="NextJS">
Since Next v15, we can use the `"use cache"` directive to cache the response of a server function. Since Next v15, we can use the `"use cache"` directive to cache the response of a server function.
@@ -68,8 +68,8 @@ Here are examples of how you can do caching in different frameworks and environm
</Tab> </Tab>
<Tab value="Solid Start"> <Tab value="SolidStart">
In Solid Start, you can use the `query` function to cache data. Heres an example: In SolidStart, you can use the `query` function to cache data. Heres an example:
```tsx ```tsx
const getUsers = query( const getUsers = query(
@@ -78,7 +78,7 @@ Here are examples of how you can do caching in different frameworks and environm
); );
``` ```
Learn more about Solid Start `query` function <Link href="https://docs.solidjs.com/solid-router/reference/data-apis/query">here</Link>. Learn more about SolidStart `query` function <Link href="https://docs.solidjs.com/solid-router/reference/data-apis/query">here</Link>.
</Tab> </Tab>
<Tab value="React Query"> <Tab value="React Query">