@lmhub/next
v0.2.0
Published
Adapter Next.js para montar a LMHub Toolbar sem gerar rotas locais por padrão.
Readme
@lmhub/next
Adapter Next.js para montar a LMHub Toolbar sem gerar rotas locais por padrão.
Instalação
npm install @lmhub/nextConfigure o website:
NEXT_PUBLIC_LMHUB_SITE_ID=site_...
NEXT_PUBLIC_LMHUB_PUBLIC_KEY=pk_lmhub_...
NEXT_PUBLIC_LMHUB_URL=https://lmhub.vercel.appMonte a toolbar:
import { LMHubToolbar } from "@lmhub/next";
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="pt-BR">
<body>
{children}
<LMHubToolbar />
</body>
</html>
);
}Ou use configuração explícita:
import { LMHub, LMHubToolbar } from "@lmhub/next";
const lmhub = LMHub.authentication({
siteId: "site_...",
publicKey: "pk_lmhub_...",
hubUrl: "https://lmhub.vercel.app"
});
export function AdminToolbar() {
return <LMHubToolbar config={lmhub} />;
}LMHub.connect({ ... }) é um alias de LMHub.authentication({ ... }).
Login Do Admin
Gere um link de autorização:
import { LMHub } from "@lmhub/next";
const connectUrl = LMHub.connectUrl({
siteId: "site_...",
hubUrl: "https://lmhub.vercel.app",
returnTo: "https://seusite.com"
});O Hub só emite sessão de toolbar para usuários logados que sejam owner ou admin do projeto.
Modo Legado
Se quiser usar cookie HttpOnly local e rotas do Next App Router, os helpers continuam disponíveis em @lmhub/next/server.
npx @lmhub/cli init --legacy-routes