Skip to main content

Quick Start

Get up and running with Resync in under 5 minutes.

Prerequisites​

  • Node.js v16 or higher
  • A Resync account (sign up here)
  • Your API key and Project ID from the Resync dashboard

Installation​

Choose your platform:

JavaScript (Node.js)​

npm install resync-javascript
# or
yarn add resync-javascript

React Native​

npm install resync-react-native
# or
yarn add resync-react-native

Peer Dependencies​

For React Native, you'll also need:

npm install react-native-svg lucide-react-native @react-native-async-storage/async-storage

Initialize Resync​

JavaScript​

import Resync from 'resync-javascript';

await Resync.init({
  key: 'your-api-key',
  appId: 7,
  callback: async () => {
    console.log('Resync initialized');
  },
  storage: localStorage, // or AsyncStorage for React Native
  environment: 'production', // or 'sandbox'
});

React Native​

import Resync from 'resync-react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

Resync.init({
  key: 'your-api-key',
  appId: 7,
  callback: async () => {
    console.log('Resync initialized');
  },
  storage: AsyncStorage,
  environment: 'production',
});

Your First Content Block​

1. Create Content in the Dashboard​

  1. Log in to your Resync dashboard
  2. Navigate to Content Blocks
  3. Click Create New
  4. Name it "WelcomeCard"
  5. Add some elements (text, images, buttons)
  6. Click Publish

2. Render the Content Anywhere in Your App.​


#### React Native

```tsx
import { ResyncContentView } from 'resync-react-native';

export default function HomeScreen() {
  return (
    <ResyncContentView name="WelcomeCard" />
  );
}

That's it! 🎉 Your app now displays dynamic content that you can update from the dashboard.

Next Steps​

Need Help?​