Prijzen

Elke native functie. Eén SDK.

71 functies, waarvan 61 op een echte telefoon werken in de demo-app.

  • PushmeldingenNieuw
  • In-app aankopen
  • Native overgangen
  • Modale panelenNieuw
  • Face ID-login
  • QR-scannerNieuw
  • DeelmenuNieuw
  • Inloggen met AppleNieuw
  • Live locatieNieuw
  • FotokiezerNieuw
  • Deep linksNieuw
  • AppbadgeNieuw
  • Delen naar je appNieuw
  • Bewaarde loginNieuw
  • ContactenNieuw
  • GezondheidsdataNieuw
  • AudiospelerNieuw
  • SpraakrecorderNieuw
  • Datum- en tijdkiezerNieuw
  • BeoordelingsvraagNieuw
  • TrackingvraagNieuw
  • NFC-scanNieuw

Docs en een live demo voor elke functie.

Getypeerd, gedocumenteerd, gelijk op iOS en Android. Roep ze aan vanuit de JavaScript die je al schrijft.

Camera & media

Neem foto’s, kies uit de galerij, neem audio op.

Docs Live demo

Audio & video afspelen

Speel media af met native bediening en audio op de achtergrond.

Docs Live demo

Biometrische login

Voeg Face ID en vingerafdrukherkenning toe aan je bestaande inlogsysteem.

Docs Live demo

Bewaarde login

Onthoud gebruikers tussen sessies met op het apparaat bewaarde inloggegevens.

Docs Live demo

In-app aankopen

Verkoop digitale producten in beide stores. Controleer aankoopbewijzen op de server.

Docs iOS-demo Android-demo

Pushmeldingen

Gerichte push vanuit je backend via OneSignal.

Docs Live demo

Geolocatie

Lees de apparaatlocatie met native nauwkeurigheid.

Docs Live demo

Toestemming bij gebruik

Vraag en controleer native toestemmingen zonder gedoe.

Docs

Deep links

Links die de app openen — of eerst de store en dan de app.

Docs Live demo

Native delen

Het deelmenu van het systeem — tekst, links, afbeeldingen, bestanden.

Docs Live demo

Native UI & feedback

Banners, laadschermen en native appbediening via JavaScript.

Docs Live demo

Apparaat & levenscyclus

Platform, appversie, gebeurtenissen op voor- en achtergrond.

Docs Live demo

Elke uitrol werkt elke installatie bij.

Web, iOS, Android: iedereen gebruikt je laatste uitrol, zelfs gebruikers die de app nooit bijwerken.

De oude manier: elke wijziging drie keer uitbrengen en op beoordeling wachten. Met BDK rol je één keer uit.

Een nieuw icoon of native functie vraagt nog steeds om een storebuild.

Hoe App Review dit ziet

Bekijk hoe je AI het koppelt.

Kies de tool waarmee je bouwt. Dit is de hele koppeling: de referentie die hij leest, de bestanden die hij schrijft, de telefoon die reageert.

acme-storefront
PreviewCode
Publish

Stuur met inloggegevens uit omgevingsvariabelen een serverpush die het gelinkte bericht opent

Lees server/onesignal-push
server/notifications/sendReply.ts+12

Stuur de deep link vanaf de server met inloggegevens uit omgevingsvariabelen

Push, alleen vanaf de server en met inloggegevens uit omgevingsvariabelen, opent bericht 42.

Ask Lovable...
Build
acme-storefront.lovable.app
server/notifications/sendReply.ts+12
1import { sendPushNotification } from "@thebdk/native/server/onesignal";2 3const result = await sendPushNotification({4  message: "New reply on your post",5  title: "Inbox",6  subtitle: "From @jess",7  imageUrl: "https://cdn.example.com/preview.png",8  onLoadUrl: "https://app.example.com/posts/42",9  urlParams: [{ key: "ref", value: "push" }],10  data: { postId: 42, kind: "reply" },11  subscriptionIds: ["a1b2c3d4-1111-2222-3333-444455556666"]12});
De volledige prompt 
Koppel @thebdk/native aan deze app zodat de camera en Face ID werken wanneer de uitgerolde site in de native schil van BDK draait. De gewone webapp moet blijven werken in een browser.

Lees eerst https://docs.thebdk.com/llms-full.txt en de pagina van elke functie die je toevoegt. Gebruik alleen helpernamen, gebeurtenisnamen en optiesleutels uit die documentatie — verzin geen API.

Daarna:
1. Voeg het pakket @thebdk/native toe.
2. Maak één gedeelde client in src/lib/bdk.ts met een import die in de browser werkt:
   import { createBdkNative } from "@thebdk/native/browser";
   export const bdk = createBdkNative();
3. Bouw de functies alleen met de getypeerde helpers met namespaces: bdk.media.*, bdk.ui.*,
   bdk.navigation.*, bdk.iap.*, bdk.auth.*, bdk.location.*, bdk.device.*, bdk.share.*,
   bdk.permissions.*.
4. Abonneer je met bdk.on(event, cb) VOORDAT je iets interactiefs aanroept — het resultaat
   komt via de gebeurtenis, niet via de teruggegeven promise.
5. In een browser wordt de aanroep niet uitgevoerd: hij geeft triggered: false terug. Vertak op
   !result.triggered en behoud een echt webalternatief zodat de Lovable-preview en de webbuild
   allebei blijven werken. Beschrijf dit niet als overgeslagen of not_native en wacht
   in de web-UI niet op een native gebeurtenis.
6. Alles uit @thebdk/native/server/* is alleen voor de backend. Lees inloggegevens uit
   omgevingsvariabelen — zet nooit sleutels of serverimports in clientcode.

Beweer niet dat je iOS- of Android-apps hebt gemaakt, de site hebt verpakt, builds hebt ondertekend, bij een store hebt ingediend of native gedrag hebt gecontroleerd in de preview.

Eindig met de gewijzigde bestanden, het toegevoegde webalternatief en deze overdracht: publiceer deze app op zijn URL, koppel die URL op thebdk.com zodat BDK de iOS- en Android-builds verpakt en ondertekent en test daarna native functies in de door BDK verpakte app.

Draait in de door BDK verpakte app

Voegt camera en Face ID toe. De webpreview blijft werken met het webalternatief.

  • Eén gedeelde client — npm install @thebdk/native, één import, de rest blijft zoals het is.
  • Resultaten komen via gebeurtenissen. De prompt laat de agent eerst luisteren met bdk.on(…) en dan de functie aanroepen.
  • Werkt ook in een browser. Buiten de app worden aanroepen niet uitgevoerd, zodat je website blijft werken.

Geen codebasis? Dan hoef je niets te installeren. Koppel de URL van je app in BDK Native en je krijgt dezelfde builds.

Maak je app

Machineleesbare referentie: llms.txt — het bestand dat je agent ophaalt. Zo gebruiken agents BDK

Drie stappen. Geen nieuwe stack.

  1. 1

    Installeer de SDK — of niet

    Heb je een codebasis? npm install @thebdk/native — één dependency, volledig getypeerd. Geen codebasis? Niets installeren. Stap 3 is de hele taak.

  2. 2

    Roep native functies aan waar je wilt

    Camera, biometrie, aankopen, push — vanuit je bestaande JavaScript. Eén build: browsertabblad of App Store-installatie, hij werkt.

  3. 3

    Koppel je URL. Ontvang builds voor de stores.

    Plak je URL in BDK Native. BDK bouwt en ondertekent beide apps. Daarna werkt elke uitrol elke telefoon bij.

app.ts
import { createBdkNative } from "@thebdk/native/browser";

const bdk = createBdkNative();
await bdk.ready();

// Results arrive on events — subscribe, then call.
bdk.on("photoCaptured", (photo) => upload(photo.fileUrl));
await bdk.media.capturePhoto();

// Native UI, one line.
await bdk.ui.showBanner({
  title: "Saved",
  description: "Photo uploaded."
});

Zo werkt de hele integratie. De volledige referentie staat in de docs. Probeer elke functie in de live demo.

De lange antwoorden.

Wijst Apple hem niet af als verpakte website?

Apple wijst apps af die alleen een website zijn. Push, Face ID, aankopen en delen maken er een app van. Niemand kan goedkeuring beloven. De live demo is een door BDK verpakte app die je zelf kunt beoordelen.

Zijn directe updates niet tegen de storeregels?

Nee. Je app toont je live site. Je website uitrollen is hoe webapps horen te werken, geen truc om code in te voegen. Storebeoordeling geldt als de native kant wijzigt: icoon, toegangsrechten of een runtime-upgrade. Daarvoor levert BDK een nieuwe ondertekende build die je kunt indienen.

Wat is BDK precies?

Een native runtime voor iOS en Android die je live webapp op volledig scherm toont in een echte app die via de stores wordt verspreid. Plus een getypeerde JavaScript SDK, @thebdk/native, die je code met het apparaat verbindt: camera, biometrie, aankopen en push. BDK verpakt en ondertekent de app voor de stores. Jij dient hem vanuit je eigen ontwikkelaarsaccounts in, met begeleiding bij elke stap. Je webapp blijft een gewone webapp die je zelf host.

Moet ik mijn webapp aanpassen?

Nee. Hij werkt zoals hij is. Voeg @thebdk/native alleen toe waar je native functies wilt. De rest blijft zoals het is en dezelfde build blijft je gewone website bedienen.

Wat is het verschil met een PWA of Capacitor?

Een PWA kan niet in de App Store staan of via in-app aankopen verkopen. Capacitor geeft je native projecten om zelf te beheren. Bouwen, ondertekenen en opnieuw bouwen blijven altijd jouw taak. BDK beheert de runtime en regelt het verpakken, ondertekenen en bijhouden van platformwijzigingen voor je.

Alles hierboven, in je app.

Maak je app Lees de docs