Can I use this for server-side rendering (SSR)?

Yes, it includes specific configurations for Next.js server components and handling cookie-based credentials for SSR environments.

What is the difference between Standalone and Embedded mode?

Standalone mode connects to a separate backend server, while Embedded mode (BkndBrowserApp) runs the backend logic entirely within the browser.

What frontend frameworks does this skill support?

It supports all major JavaScript frameworks, with specific implementation patterns provided for React, Next.js, and Vite.

How does it handle user authentication?

It configures the Api class with token storage (localStorage/cookies) and provides callbacks like onAuthStateChange to react to login and logout events.

Does it provide TypeScript support?

Absolutely, it includes logic for global type registration so that your API responses are fully typed according to your specific Bknd schema.

Bknd Frontend Client Setup

Name: Bknd Frontend Client Setup
Author: cameronapak

bycameronapak

•

API Development

Configures the Bknd TypeScript SDK in frontend applications to manage data, authentication, and TypeScript type safety.

About

This skill equips Claude with the specific patterns and configurations required to integrate Bknd.io into modern web applications. It streamlines the setup process for standalone API clients, embedded browser-based applications, and framework-specific adapters for Next.js and Vite. By automating boilerplate for token persistence, authentication state management, and global TypeScript type registration, it ensures developers can interact with their Bknd backend using a fully typed and secure interface.

Key Features

API Class initialization and configuration
Automatic token persistence with localStorage
Global TypeScript type registration for schema autocomplete
React integration using BkndBrowserApp and useApp hook
Framework-specific setup for Next.js and Vite
1 GitHub stars

Use Cases

Connecting a React frontend to a remote Bknd backend server
Building server-side rendered (SSR) apps with Next.js and Bknd cookie auth
Developing client-side apps with embedded browser storage

About

Key Features

API Class initialization and configuration
Automatic token persistence with localStorage
Global TypeScript type registration for schema autocomplete
React integration using BkndBrowserApp and useApp hook
Framework-specific setup for Next.js and Vite
1 GitHub stars

Use Cases

Connecting a React frontend to a remote Bknd backend server
Building server-side rendered (SSR) apps with Next.js and Bknd cookie auth
Developing client-side apps with embedded browser storage