# QuantumByte Docs

## Version

- [Fundamentals](https://docs.quantumbyte.ai/readme.md): Whether you’re just starting with prototypes or scaling to enterprise-level apps, QuantumByte helps you solve real world problems through creating apps with simple prompts and guided tools.
- [Get Started](https://docs.quantumbyte.ai/get-started.md): Start building your app with natural-language Prompt
- [Canvas](https://docs.quantumbyte.ai/components/canvas.md): Once your submit your prompt, the system will directs you to Canvas where you can see the high-level concept of your app.
- [Editing, Ripple Effect, and Planner](https://docs.quantumbyte.ai/components/canvas/editing-ripple-effect-and-planner.md)
- [Roadmap](https://docs.quantumbyte.ai/components/canvas/roadmap.md)
- [Studio](https://docs.quantumbyte.ai/components/studio.md): The Studio is the main workspace where users shape, refine, conceptualize, and visualize their products.
- [App Preview](https://docs.quantumbyte.ai/components/studio/app-preview.md)
- [Page Editor](https://docs.quantumbyte.ai/components/studio/page-editor.md)
- [Data Editor](https://docs.quantumbyte.ai/components/studio/data-editor.md)
- [Service (API) Editor](https://docs.quantumbyte.ai/components/studio/service-api-editor.md)
- [Projects Page](https://docs.quantumbyte.ai/components/dashboard.md): All of your prompted app projects are displayed here
- [Development Service](https://docs.quantumbyte.ai/components/development-service.md)
- [AI Dev Agent](https://docs.quantumbyte.ai/components/development-service/ai-dev-agent.md)
- [Human Developer Service](https://docs.quantumbyte.ai/components/development-service/human-developer-service.md)
- [Usage and Cost Orchestrator](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator.md)
- [Usage Tracker](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator/usage-tracker.md)
- [Auto-Credit Deduction and Usage Limiter](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator/auto-credit-deduction-and-usage-limiter.md)
- [Credit Top-Up and Billing System](https://docs.quantumbyte.ai/components/usage-and-cost-orchestrator/credit-top-up-and-billing-system.md)
- [System Source of Truth](https://docs.quantumbyte.ai/components/system-source-of-truth.md)
- [Code Storage](https://docs.quantumbyte.ai/components/system-source-of-truth/code-storage.md)
- [Code Editing (Repository Viewer)](https://docs.quantumbyte.ai/components/system-source-of-truth/code-editing-repository-viewer.md)
- [Domain Data Storage](https://docs.quantumbyte.ai/components/system-source-of-truth/domain-data-storage.md)
- [Domain Data Editing (Repository Viewer)](https://docs.quantumbyte.ai/components/system-source-of-truth/domain-data-editing-repository-viewer.md)
- [Asset Storage](https://docs.quantumbyte.ai/components/system-source-of-truth/asset-storage.md)
- [Asset Editing (Repository Viewer)](https://docs.quantumbyte.ai/components/system-source-of-truth/asset-editing-repository-viewer.md)
- [Delivery and Runtime](https://docs.quantumbyte.ai/components/delivery-and-runtime.md)
- [Development Environment](https://docs.quantumbyte.ai/components/delivery-and-runtime/development-environment.md)
- [Module & Template Registry](https://docs.quantumbyte.ai/components/module-and-template-registry.md)
- [Service APIs](https://docs.quantumbyte.ai/components/module-and-template-registry/service-apis.md)
- [Modules](https://docs.quantumbyte.ai/components/module-and-template-registry/modules.md)
- [Microphone Setup](https://docs.quantumbyte.ai/components/microphone-setup.md)
- [Package](https://docs.quantumbyte.ai/package.md): Whether you’re just starting with prototypes or scaling to enterprise-level apps, QuantumByte helps you solve real world problems through creating apps with simple prompts and guided tools.

* [Getting Started](https://docs.quantumbyte.ai/quantumbyte-v2.0/readme.md): Our builder empowers you to create web and mobile experiences effortlessly through an intuitive drag-and-drop widget system—no coding required
* [Builder Guide](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder.md)
* [Frontend](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend.md)
* [Frontend Services Types](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/frontend-services-types.md)
* [Create Service](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/1.started.md): Follow this guide to create Frontend Service
* [Create Form Service](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/1.started/1.simple_layanan.md): Create Form service with frontend, backend, and API Integration.
* [Component Settings](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/2.components.md): Add and Configure Components
* [Page Settings](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/3.pages.md): Learn how to add and configure pages.
* [Live Preview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/4.preview.md): Live preview the services you have made.
* [Publish](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/5.publish.md): Publishin your services to the public.
* [Form Configuration](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir.md)
* [Widget Form](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/1.started.md): The form widget in the application builder allows you to easily create custom forms for your app without any programming skills.
* [Form Types](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/2.type.md): The form widget provides a variety of field types. You can choose and customize these elements to fit your specific needs.
* [Validation](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/3.validation.md): The form widget includes a validation function to ensure that the data users enter meets your specific requirements. This helps prevent errors and guarantees data accuracy.
* [Process](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/4.process.md): Form to configure data processing.
* [Stepper](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/5.stepper.md): The stepper includes a progress indicator to show users how far along they are in completing the form steps.
* [Payment](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/7.payment.md): The Payment feature in the form widget allows you to set up and integrate payment elements directly into your form.
* [Shipping](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/8.shipping.md): Shipping/"Pengiriman" dalam widget formulir mencakup pengaturan dan integrasi elemen formulir.
* [Widget](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget.md)
* [Form](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/1.formulir.md): The Form Widget is a widget used to create forms within the application, featuring various data types and input elements such as text, numbers, images, and more.
* [Popup](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/10.popup.md): The Popup Widget is a widget used to display a small window or popup over the main layout.
* [Divider](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/11.divider.md): The Divider Widget is a widget used to separate or divide elements from one another within the user interface.
* [Spacer](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/12.spacer.md): The Spacer Widget is a widget used to add empty space or padding between elements within a layout.
* [Data External](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/13.data_ext.md): The External Data Widget is a widget used to integrate data from external sources into the application.
* [View External](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/14.view_ext.md): The External View Widget is a widget used to display views or content from external sources within the application.
* [Transaction History](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/15.history_trans.md): The Transaction History Widget is a widget used to display transaction records or history within the application.
* [Identity Information](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/16.info_identitas.md): The Identity Info Widget is a widget used to display identity or profile information of a user or a specific object within the application.
* [Image](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/2.image.md): Widget image adalah widget yang digunakan untuk menampilkan gambar atau grafik dalam antarmuka pengguna.
* [Image Slider](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/3.slider.md): Widget image slider adalah widget yang digunakan untuk menampilkan serangkaian gambar yang dapat bergeser atau berubah secara otomatis, menciptakan efek slide show
* [Button](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/4.button.md): Widget button adalah widget yang digunakan untuk membuat tombol yang dapat diklik oleh pengguna, digunakan untuk memicu aksi atau perubahan dalam aplikasi
* [Listview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/6.listview.md): Widget ListView adalah widget yang digunakan untuk menampilkan daftar elemen dalam tata letak vertikal.
* [Listview Data](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/7.listview_data.md): Widget ListView Data adalah widget yang digunakan untuk menampilkan daftar data dalam tata letak vertikal
* [Gridview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.gridview.md): Widget GridView adalah widget yang digunakan untuk menampilkan elemen dalam tata letak grid (kisi).
* [Htmlview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.htmlview.md): Widget yang berfungsi untuk memuat raw html, dimana frontend builder juga dilengkapi dengan built-in HTML Editor
* [Webview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.webview.md): Widget WebView adalah widget yang digunakan untuk menampilkan dan merender halaman web atau konten web dalam aplikasi
* [MapView](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/1.frontend/7.widget/9.mapview.md): Widget MapView adalah widget yang digunakan untuk menampilkan peta atau informasi geografis dalam aplikasi.
* [Backoffice](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice.md)
* [Langkah Awal](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/1.started.md): Mulai menggunakan builder backend
* [Komponen](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/2.components.md): Menambah dan mengatur komponen
* [Halaman](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/3.pages.md): Menambah dan mengatur halaman
* [Melihat Pratinjau](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/4.preview.md): Melihat layanan secara langsung
* [Publish Layanan](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/5.publish.md): Mempublish layanan ke portal
* [Formulir](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir.md)
* [Basic Form](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/1.started.md): Menggunakan Basic Form pada backend builder
* [Jenis Formulir](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/2.type.md)
* [Validation](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/3.validation.md)
* [Process](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/6.formulir/4.process.md)
* [Basic](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/7.basic.md)
* [Htmlview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/1.htmlview.md)
* [Text](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/2.text.md)
* [Image](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/3.image.md)
* [Webview](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/7.basic/4.webview.md)
* [Data](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/8.data.md)
* [Data Master](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/8.data/1.data_master.md)
* [Data Frontend](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/8.data/2.data_frontend.md)
* [Chart](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart.md)
* [Counter](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/1.counter.md)
* [Bar](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/2.bar.md)
* [Line](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/3.line.md)
* [Pie](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/4.pie.md)
* [Tree](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/5.tree.md)
* [Filter](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/6.filter.md)
* [List](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/2.backoffice/9.chart/7.list.md)
* [Integrasi API](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/1.started.md)
* [API Formulir](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir.md)
* [Read Data](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/4.read.md)
* [Update Data](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/5.update.md)
* [Delete Data](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/6.delete.md)
* [Detail Data](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/7.detail.md)
* [Create Data (Master)](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/8.create.md)
* [Event](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-formulir/4.event.md)
* [API Master](https://docs.quantumbyte.ai/quantumbyte-v2.0/2.builder/3.integrasi/api-master.md)
* [Packages](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/1.started.md): Mulai menggunakan microsite
* [Develop (Package)](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/develop-package.md)
* [Menambah Akun Git Repository](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/2.repository.md): Menambah dan mengatur Akun Git Repositori
* [Code Viewer](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/4.code.md)
* [Compile to MainApp](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/5.deploy.md): Deploy microsite ke framework
* [Preview](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/6.preview.md): Pratinjau Microsite
* [Setel Package Sebagai Frontend](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites/7.publish.md): Atur Microsite sebagai default frontend
* [Microsites](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/1.started-1.md): Mulai menggunakan microsite
* [Develop (Microsites)](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/develop-microsites.md)
* [Menambah Akun Git Repository](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/2.repository-1.md): Menambah dan mengatur Akun Git Repositori
* [Mengatur Environment untuk production](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/3.env.md): Mengatur Environment Production
* [Code Viewer](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/4.code.md)
* [Build Code & Deploy ke Server](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/5.deploy.md): Deploy microsite ke framework
* [Preview microsite](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/6.preview.md): Pratinjau Microsite
* [Setel Microsite Sebagai Frontend](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/7.publish.md): Atur Microsite sebagai default frontend
* [UI Kit](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/1.memulai.md)
* [Components](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components.md)
* [Provider Props](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/1.provider.md)
* [App](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/2.app.md)
* [Action Sheet](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/3.actionsheet.md)
* [Badge](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/4.badge.md)
* [Block](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/5.block.md)
* [Breadcumbs](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/6.breadcumb.md)
* [Button](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/7.button.md)
* [Card](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/8.card.md)
* [Checkbox](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/9.checkbox.md)
* [Chip](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/10.chip.md)
* [Contact List](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/contact-list.md): Contacts List is not a separate component, but just a particular case of using List View (List and List Item Vue components).
* [Data Table](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/12.datatable.md)
* [Dialog](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/13.dialog.md)
* [Floating Action Button](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/14.floatingactionbtn.md)
* [Icon](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/15.icon.md)
* [Link](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/16.link.md)
* [List](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/17.list.md)
* [List Button](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/18.listbutton.md)
* [List Input](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/19.listinput.md)
* [List Item](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/20.listitem.md)
* [Menu List](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/21.menulist.md)
* [Message Bar](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/22.messagebar.md)
* [Messages](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/messages.md)
* [Navbar](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/navbar.md)
* [Notification](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/24.notification.md)
* [Pages](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/25.pages.md)
* [Panel / Side](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/26.panel.md)
* [Popover](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/27.popover.md)
* [Popup](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/28.popup.md)
* [Preloader](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/29.preloader.md)
* [Progressbar](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/30.progressbar.md)
* [Radio](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/31.radio.md)
* [Range Slider](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/32.range.md)
* [Searchbar](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/33.searchbar.md)
* [Segmented](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/34.segmented.md)
* [Sheetmodal](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/35.sheetmodal.md)
* [Stepper](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/36.stepper.md)
* [Tabbar](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/37.tabbar.md)
* [Toast](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/38.toast.md)
* [Toggle](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/39.toggle.md)
* [Toolbar](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/8.ui/4.components/40.toolbar.md)
* [SDK Libs](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/1.memulai.md): Langkah awal menggunakan SDK Library
* [Prasyarat](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/2.usage.md): Pengguaan SDK Library
* [Pengguna](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/3.pengguna.md)
* [Detail Pengguna](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/3.pengguna/1.detail.md): Mendapatkan detail pengguna berdasarkan dengan token auth pengguna ketika sudah login dan mengakses halaman url
* [Alamat](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat.md)
* [Detail](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/1.detail.md): Mendapatkan Detail Alamat Pengiriman Pengguna
* [List](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/2.list.md): Mendapatkan daftar alamat pengiriman pengguna
* [Add](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/3.add.md): Menambahkan alamat pengiriman pengguna
* [Edit](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/4.edit.md): Mengubah alamat pengiriman pengguna
* [Delete](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/4.alamat/5.delete.md): Menghapus alamat pengiriman pengguna
* [Proxy](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/5.proxy.md)
* [Request](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/5.proxy/1.request.md): Dimaksudkan untuk kebutuhan apabila harus melakukan fetch API dari Resource External
* [Transaction](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/1.memulai.md): Langkah awal menggunakan SDK Library Transaction
* [Add](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/2.add.md): Menambahkan data transaction dari layanan yang berada pada microsite
* [Edit](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/3.edit.md): Mengubah data transaction dari layanan yang berada pada microsite
* [Detail](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/4.detail.md): Detail data transaction dari layanan yang berada pada microsite
* [Delete](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/5.delete.md): Delete data transaction dari layanan yang berada pada microsite
* [List](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/6.transaction/6.list.md): List data transaction dari layanan yang berada pada microsite
* [Location](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/7.location.md)
* [Lokasi Terkini](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/7.location/1.current.md): Mendapatkan lokasi terkini pengguna
* [Device](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/8.device.md)
* [Cek Perangkat Pengguna](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/9.sdk/8.device/1.check.md): Cek perangkat pengguna yang sedang melakukan akses
* [SDK MainApp](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/sdk-mainapp.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/sdk-mainapp/memulai.md)
* [Install SDK](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/sdk-mainapp/install-sdk.md)
* [Fitur - Fitur](https://docs.quantumbyte.ai/quantumbyte-v2.0/3.microsites-1/sdk-mainapp/fitur-fitur.md)
* [Microservices](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices/1.started.md): Mulai menggunakan microservice
* [Menambah Akun Git Repository](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices/2.repository.md): Menambah dan mengatur Akun Git Repositori
* [Mengatur Environment untuk production](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices/3.env.md): Mengatur Environment Production
* [Code Viewer](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices/4.code.md)
* [Build Code & Deploy ke Server](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices/5.deploy.md): Deploy microservice ke framework
* [Preview microservice](https://docs.quantumbyte.ai/quantumbyte-v2.0/4.microservices/6.preview.md): Pratinjau microservice
* [Storage](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage.md)
* [Storage](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/1.started.md): Mulai menggunakan Storage
* [Prasyarat](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/2.prerequisite.md): Prasyarat menggunakan Storage
* [Penggunaan](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/3.build.md): Pengguaan Storage
* [Akses](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses.md)
* [Langkah Awal](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses/1.memulai.md): Langkah Awal Mengakses Storage dari External
* [Upload](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses/2.upload.md): Upload data konten
* [Akses CDN](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses/3.akses_cdn.md)
* [List](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses/4.list.md): List data konten
* [Update](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses/5.update.md): Update data konten
* [Delete](https://docs.quantumbyte.ai/quantumbyte-v2.0/5.storage/4.akses/6.delete.md): Delete data konten
* [Database](https://docs.quantumbyte.ai/quantumbyte-v2.0/database.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/database/memulai.md)
* [Membuat Database](https://docs.quantumbyte.ai/quantumbyte-v2.0/database/membuat-database.md)
* [Akses Database (Microservice)](https://docs.quantumbyte.ai/quantumbyte-v2.0/database/akses-database-microservice.md)
* [Akses Database (Remote)](https://docs.quantumbyte.ai/quantumbyte-v2.0/database/akses-database-remote.md)
* [API Master](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/memulai.md)
* [Push Notif & Email](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/push-notif-and-email.md)
* [/push](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/push-notif-and-email/2.push_notif.md)
* [/push-email](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/push-notif-and-email/3.push_email.md)
* [Data Wilayah](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/data-wilayah.md)
* [/provinsi](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/data-wilayah/provinsi.md)
* [/kota/:id\_prov](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/data-wilayah/kota-id_prov.md)
* [/kecamatan/:id\_kota](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/data-wilayah/kecamatan-id_kota.md)
* [/kelurahan/:id\_kec](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/data-wilayah/kelurahan-id_kec.md)
* [Detail Pengguna](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/detail-pengguna.md)
* [/user/detail](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/detail-pengguna/user-detail.md)
* [Riwayat Transaksi](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/riwayat-transaksi.md)
* [/create](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/riwayat-transaksi/create.md)
* [/update/:id](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/riwayat-transaksi/update-id.md)
* [/delete/:id](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/riwayat-transaksi/delete-id.md)
* [/detail/:id](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/riwayat-transaksi/detail-id.md)
* [/list](https://docs.quantumbyte.ai/quantumbyte-v2.0/api-master/riwayat-transaksi/list.md)
* [API Management](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management.md)
* [Memulai](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/1.started.md): Mulai menggunakan API Management
* [Prasyarat](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/2.prerequisite.md): Prasyarat menggunakan API Management
* [Akses](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/3.akses.md): Akses API
* [Penggunaan](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/4.penggunaan.md)
* [Membuat](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/4.penggunaan/1.create.md): Tutorial untuk membuat API Management
* [Membagikan](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/4.penggunaan/2.share.md): Fitur ini hanya dapat digunakan pada API dengan akses tipe "Private" dan "Request Permission"
* [Logging](https://docs.quantumbyte.ai/quantumbyte-v2.0/6.api-management/4.penggunaan/3.logging.md): Logging dapat digunakan untuk melacak aktivitas API Anda.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on a page URL with the `ask` query parameter:
```
GET https://docs.quantumbyte.ai/readme.md?ask=<question>
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.