@draftbit

The pro-code no-code app builder for Web, iOS, and Android

 Chicago
draftbit.com
Joined April 2018
  • Tweets1.3K
  • Following12
  • Followers5.9K
3/ Preview every state. Force either side of a condition from the Component Tree to check empty lists, signed-out views and errors. Preview only, never your code. Which state do you forget to check most?
See every state of a screen: the Component Tree forcing a condition so the preview shows an empty 'No tasks yet' state.

ALT See every state of a screen: the Component Tree forcing a condition so the preview shows an empty 'No tasks yet' state.

1
1
21
2/ Text with variables. Words stay text, variables render as chips (task.description, task.status). Click a chip to swap the value, or type { to insert one.
Edit content without code: text fields in Draftbit showing variables like task.description and task.status as chips.

ALT Edit content without code: text fields in Draftbit showing variables like task.description and task.status as chips.

1
17
Three visual-editing details from Draftbit's latest update 🧵 1/ Drag onto the canvas. Pull a component straight onto the preview. The screen makes room as you move, so you see where it lands before you let go.
Build right on the canvas: a component being dragged onto a Draftbit app preview.

ALT Build right on the canvas: a component being dragged onto a Draftbit app preview.

1
85
You can now connect an existing app from GitHub to Draftbit, and Draftbit works directly in your repo, not a copy. → Connect repo → Draftbit GitHub App (no token to renew) or a fine-grained access token → Pick branch + app folder; the picker lists every folder with a package.json, so monorepos work (e.g. apps/mobile) → Your files stay as they are: nothing to migrate, chat + code editing + preview right away → Saving commits to your branch. Teammate pushed? Sync pulls their commits first Works on every plan.
1
138
New in Draftbit: publish any saved version of your app. The Publishing page now has a Versions tab that lists every saved version. → Pick one, hit "Publish this version", and ship it to iOS, Android or Web → Versions you've already published show badges for platform, version number and result → App stores still need a higher version number, and Draftbit fills it in for you → Builds use your current environment variables, so a very old version may need updates before it builds API, CMS and Supabase backends always publish their latest version. Shipped something you want back? Re-ship the version that worked.
Ship any version you've saved. The Draftbit Publishing page's Versions tab lists saved versions with published badges (iOS 1.4.0, Android 1.4.0, Web), and a Publish this version menu offering Web, iOS and Android.

ALT Ship any version you've saved. The Draftbit Publishing page's Versions tab lists saved versions with published badges (iOS 1.4.0, Android 1.4.0, Web), and a Publish this version menu offering Web, iOS and Android.

2
1
2
163
If your team's app takes payments through the Stripe MCP in Draftbit, there's one change to make before October 31. From that date, Stripe's MCP will only accept OAuth or Stripe Agent keys. Connections that still use a standard API key will stop working. The fix is small: open the Stripe connection in Draftbit and choose Sign in with OAuth, or paste an Agent key. RevenueCat connections can use OAuth now as well. If you manage several client apps, it's worth checking each project's connection this week rather than finding out from a failed checkout. How do you keep track of third-party credential changes across projects?
Stripe MCP: switch to OAuth before October 31. Standard API key connections stop working. The fix: open your Stripe connection and sign in with OAuth, or paste an Agent key. RevenueCat connections can now use OAuth too.

ALT Stripe MCP: switch to OAuth before October 31. Standard API key connections stop working. The fix: open your Stripe connection and sign in with OAuth, or paste an Agent key. RevenueCat connections can now use OAuth too.

2
1
113
Part 1 of the series: youtube.com/watch?v=4kUGARk5…

Draftbit's New AI App Builder: E-Commerce App Tutorial, Part 1

Welcome to a brand new series where we build a full e-commerce app ...

youtube.com
60
From one prompt to a 5-screen e-commerce app in Draftbit: → Pick the agent + model (Codex, Claude Code, …) → Prompt: Home, Product Detail, Cart, Checkout, Profile → Start from the Ecommerce template → Onboarding wires up a Supabase backend → Missing images/icons? One follow-up prompt fixes them → Save, then check the commit history Full 9-min walkthrough 👇
1
1
159
Solo founder. No engineering team. A production-ready food delivery app. Rajesh built ZingoEats with Draftbit. What made the difference for him: → API integrations handled inside the platform → Granular control over the design → Custom code + API documentation: "once I mastered those, my development speed doubled"
1
3
139
Idea → MVP, faster than expected. Arnaud wanted an app for discovering fun things to do in Marseille. The hard part: getting from concept to prototype. With Draftbit he built the MVP "much faster than I expected."
2
2
215
Load more