mirror of
https://github.com/LukeHagar/better-auth.git
synced 2025-12-11 04:19:31 +00:00
SvelteKit, Next.js, SolidStart
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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,
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
@@ -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";
|
||||||
|
|||||||
@@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -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. Here’s an example:
|
In SolidStart, you can use the `query` function to cache data. Here’s 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">
|
||||||
|
|||||||
Reference in New Issue
Block a user