სწრაფი დაწყება

მიიღეთ სტუდიის მონაცემები თქვენს ვებსაიტზე წუთებში.

1. იპოვეთ თქვენი სტუდიის ID

თქვენი სტუდიის ID ნაჩვენებია პარამეტრები → სტუდია BailaYa-ის მართვის პანელში, ან URL-ში თქვენი სტუდიის ნახვისას: https://www.bailaya.com/studio/{studioId}.

2. დააინსტალირეთ SDK

npm

npm install @bailaya/core

yarn

yarn add @bailaya/core

3. მიიღეთ თქვენი გაკვეთილები

import { BailayaClient } from '@bailaya/core';

const client = new BailayaClient({ studioId: 'your-studio-id' });

const classes = await client.getClasses();
classes.forEach(cls => {
  console.log(`${cls.name} on ${cls.date.toDateString()} at ${cls.startTime}`);
});

4. აჩვენეთ ფრეიმვორკის კომპონენტით

React

npm install @bailaya/react

import { BailayaProvider, ClassSchedule } from '@bailaya/react';

export default function App() {
  return (
    <BailayaProvider config={{ studioId: 'your-studio-id' }}>
      <ClassSchedule locale="en" currency="USD" />
    </BailayaProvider>
  );
}

Vue 3

npm install @bailaya/vue

// main.ts
import { createApp } from 'vue';
import { createBailaya } from '@bailaya/vue';
import App from './App.vue';

const app = createApp(App);
app.use(createBailaya({ studioId: 'your-studio-id' }));
app.mount('#app');

<!-- YourComponent.vue -->
<template>
  <ClassSchedule locale="en" currency="USD" />
</template>

<script setup>
import { ClassSchedule } from '@bailaya/vue';
</script>

Angular

npm install @bailaya/angular

// app.config.ts
import { provideBailaya } from '@bailaya/angular';

export const appConfig = {
  providers: [
    provideBailaya({ studioId: 'your-studio-id' }),
  ],
};

<!-- your.component.html -->
<bailaya-class-schedule locale="en" currency="USD" />

შემდეგი ნაბიჯები

• დაათვალიერეთ API ცნობარი ყველა ხელმისაწვდომი მონაცემის სანახავად
• წაიკითხეთ SDK დოკუმენტაცია დეტალური კონფიგურაციის ოფციებისთვის