mirror of
https://github.com/LukeHagar/better-auth.git
synced 2025-12-10 20:37:46 +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",
|
||||
Icon: () => (
|
||||
<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",
|
||||
},
|
||||
{
|
||||
title: "Solid Start",
|
||||
title: "SolidStart",
|
||||
icon: Icons.solidStart,
|
||||
href: "/docs/integrations/solid-start",
|
||||
},
|
||||
@@ -1811,7 +1811,7 @@ export const examples: Content[] = [
|
||||
icon: Icons.remix,
|
||||
},
|
||||
{
|
||||
title: "Next JS",
|
||||
title: "Next.js",
|
||||
href: "/docs/examples/next-js",
|
||||
icon: Icons.nextJS,
|
||||
},
|
||||
|
||||
@@ -19,7 +19,7 @@ export const techStackIcons: TechStackIconType = {
|
||||
icon: <Icons.svelteKit className="w-10 h-10" />,
|
||||
},
|
||||
solidStart: {
|
||||
name: "Solid Start",
|
||||
name: "SolidStart",
|
||||
icon: <Icons.solidStart className="w-10 h-10" />,
|
||||
},
|
||||
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**
|
||||
|
||||
<Tabs items={["NextJs", "Nuxt", "Svelte", "Astro", "Hono", "TanStack"]}>
|
||||
<Tab value="NextJs">
|
||||
<Tabs items={["Next.js", "Nuxt", "Svelte", "Astro", "Hono", "TanStack"]}>
|
||||
<Tab value="Next.js">
|
||||
```ts title="server.ts"
|
||||
import { auth } from "./auth"; // path to your Better Auth server instance
|
||||
import { headers } from "next/headers";
|
||||
|
||||
@@ -20,7 +20,7 @@ See [Demo](https://demo.better-auth.com)
|
||||
borderRadius: "4px",
|
||||
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"
|
||||
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:
|
||||
|
||||
<Tabs items={["NextJs", "Remix", "Solid Start", "React Query"]}>
|
||||
<Tabs items={["Next.js", "Remix", "SolidStart", "React Query"]}>
|
||||
<Tab value="NextJS">
|
||||
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 value="Solid Start">
|
||||
In Solid Start, you can use the `query` function to cache data. Here’s an example:
|
||||
<Tab value="SolidStart">
|
||||
In SolidStart, you can use the `query` function to cache data. Here’s an example:
|
||||
|
||||
```tsx
|
||||
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 value="React Query">
|
||||
|
||||
Reference in New Issue
Block a user