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 개발

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

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.

주요 기능

01API Class initialization and configuration

02Automatic token persistence with localStorage

03Global TypeScript type registration for schema autocomplete

04React integration using BkndBrowserApp and useApp hook

05Framework-specific setup for Next.js and Vite

061 GitHub stars

사용 사례

01Connecting a React frontend to a remote Bknd backend server

02Building server-side rendered (SSR) apps with Next.js and Bknd cookie auth

03Developing client-side apps with embedded browser storage

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cameronapak/bknd-skills bknd-client-setup

For use in Claude.ai and ChatGPT

Download Skill