@sharekit/next

Next.js App Router adapter for the Shareable SDK.

Installation

pnpm add @sharekit/next @sharekit/core @sharekit/react

API

createNextHandler(instance)

Creates Next.js route handlers for the shareable API. Mount as a catch-all route:

// app/api/shareable/[...shareable]/route.ts
import { createNextHandler } from "@sharekit/next";
import { shareable } from "../../../../lib/shareable";

export const { GET, POST, DELETE } = createNextHandler(shareable);

<SharedView>

Async server component that fetches and renders shared content:

// app/shared/[type]/[token]/page.tsx
import { SharedView } from "@sharekit/next";

export default function SharedPage({ params }) {
  return <SharedView config={shareable} type={params.type} token={params.token} />;
}

Supports custom rendering via children render prop:

<SharedView config={shareable} type={type} token={token}>
  {(data) => <MyCustomSharedView data={data} />}
</SharedView>

getSharedMetadata(instance, type, token)

Generates Next.js metadata with OG image tags for shared pages:

export async function generateMetadata({ params }) {
  return getSharedMetadata(shareable, params.type, params.token);
}