Overview

Kobble makes it super easy to integrate Authentication, Payment and Permissions in your Next.js application.

This documentation covers the capabilities and methods available from Kobble’s Next.js SDK.

​

Quickstart

You can refer to our Next.js Quickstart Guide to get started with Kobble in your Next.js application.

​

Examples

We continuously craft new examples to help you get started with Kobble in your Next.js application and to inspire you to build your own projects.

You can find all our examples in our Examples GitHub repository.

​

Client-side helpers

The Next.js SDK provides a set of hooks and components to help you integrate Kobble in your Next.js application with ease.

​

Hooks

• useAuth() - A hook to access the user’s authentication state.
• useAccessControl() - A hook to access the user’s permissions and quotas.
• useKobble() - A hook to access the lower-level Kobble SDK instance.

​

Components

• <SignedIn /> - To display content only when the user is signed in.
• <SignedOut /> - To display content only when the user is signed out.
• <LoginButton /> - A button to trigger the login flow.
• <LogoutButton /> - A button to trigger the logout flow.
• <IsAllowed /> - To restrict access based on the user’s permissions or quotas.
• <IsForbidden /> - To display content based on the user’s missing permissions or quotas.
• <PricingLink /> - A link to the pricing page in your Customer Portal.
• <ProfileLink /> - A link to the user’s profile page in your Customer Portal.