Connect Offline Sync to your Goodspeed app
Write queue and replay logic that keeps user data safe when the device loses connectivity, built into every Goodspeed app via lib/offline.ts. Goodspeed wires Offline Sync into every app that needs it at generation time, so you start with a working integration, not a blank config and a documentation tab.
WHAT GETS WIRED IN
Built into every Offline Sync build
Every app Goodspeed generates with Offline Sync includes these wired integrations from the first build. No manual setup required.
| Item | Description | Strength |
|---|---|---|
| Writes queued when offline | lib/offline.ts watches the network state and holds Supabase writes on the device when there is no connection. | Data |
| Replayed in order, once | Queued work replays in the order it was made, with an idempotency key per write so a retry cannot duplicate it. | Reliability |
| People can see it is queued | The useNetworkStatus hook drives an indicator, so nobody is left wondering whether their edit was lost. | Interface |
| Replay on reconnect | The realtime reconnect handler triggers the queue as soon as the connection comes back. | Data |
Source: the Goodspeed app foundation · offline/sync
REAL GENERATED CODE
A snippet from a Offline Sync integration the pipeline ships
This pattern is lifted from the engineered plumbing that ships inside every Goodspeed app. The studio generates Offline Sync integration code like this for every app that includes it, not a placeholder you have to fill in yourself.
Offline write queue
// lib/offline.ts export async function queueWrite<T>( table: string, operation: 'insert' | 'update' | 'delete', payload: T, ): Promise<void> { const queue = await getQueue(); queue.push({ id: uuid(), table, operation, payload, createdAt: Date.now() }); await AsyncStorage.setItem(QUEUE_KEY, JSON.stringify(queue)); } export async function replayQueue(): Promise<void> { const queue = await getQueue(); for (const item of queue) { await supabase.from(item.table)[item.operation](item.payload); } await AsyncStorage.removeItem(QUEUE_KEY); }
Today's log
APPS THAT USE OFFLINE SYNC
Where this integration ships
These app types include Offline Sync as part of the generated stack. Each link goes to a full spec page with capabilities, scored ideas, and a pipeline walkthrough.
- Build a fitness tracker appBuilding a fitness tracker means wiring together daily logging, progress charts, Apple Health, and push reminders. Goodspeed generates all of that in a single build, not a patchwork of tutorials. The FITNESS TRACKER APP
- Build a habit tracker appHabit trackers live or die on the loop: cue, routine, reward. Goodspeed generates a complete React Native habit tracker with streaks, reminders, and progress visualization, backed by Supabase so your HABIT TRACKER APP
- Build a productivity appProductivity apps succeed when they remove friction from the moment the user decides to work. Goodspeed generates a productivity app with Pomodoro timer, focused task queue, distraction blocker hooks,PRODUCTIVITY APP
START WITH OFFLINE SYNC