This template will get you started developing with React with Kobble SDK.

It uses Vite and includes React Router, Twailwind and @kobbleio/react.

Getting Started

Installation

Using npm in your project directory run the following command:

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Configure Kobble

Create an Application in your Kobble Dashboard.

Make sure your application can handle your localhost callback URL (see section below).

Note the Client ID and your Portal Domain values.

Update environment

Copy the .env.example file to .env and update the values with your Kobble Application details.

cp .env.example > .env

Example:

VITE_KOBBLE_DOMAIN=https://your-project.portal.kobble.io
VITE_KOBBLE_CLIENT_ID=cluipasqr0000k8bzevczqy23
VITE_KOBBLE_REDIRECT_URI=https://your-app-url/callback

Raise an issue

To provide feedback or report a bug, please raise an issue on our issue tracker.

What is Kobble?

Kobble is the one-stop solution for monetizing modern SaaS and APIs. It allows to add authentication, analytics and payment to any app in under 10 minutes.