Skip to content

Build a blog admin panel with Refine

3

Create project

Head to the Indobase Console.

Create project screen

Create project screen

If this is your first time using indobase, create an account and create your first project.

Then, under Add a platform, add a Web app. The Hostname should be localhost.

Add a platform

Add a platform

You can skip optional steps.

Initialize indobase SDK

To use indobase in our Refine app, we'll need to find our project ID. Find your project's ID in the Settings page.

Project settings screen

Project settings screen

Navigate to src/utility/indobaseClient.ts and add your API credentials.

TypeScript
import { Account, indobase, Storage } from "@refinedev/indobase";

const APPWRITE_URL = '<YOUR_API_ENDPOINT>'; // Replace with your Indobase API Endpoint
const APPWRITE_PROJECT = "<PROJECT_ID>"; // Replace with your project ID

const indobaseClient = new indobase();

indobaseClient.setEndpoint(APPWRITE_URL).setProject(APPWRITE_PROJECT);
const account = new Account(indobaseClient);
const storage = new Storage(indobaseClient);

export { account, indobaseClient, storage };