5-Minute Quickstart

Create Your Account

Get started with your free 30-day trial. Credit card required upfront.

Go to StaticBackend Sign Up
Enter your email and create your app
Add your credit card (30-day free trial, cancel anytime)
Get your API keys via email

💡

Save Your Keys!

You'll receive two keys immediately:

Public Key - Safe to use in frontend code
Root Token - Keep secret, use for server-side operations

✓ Account Created ✓ API Keys Received

Install the JavaScript Library

Add StaticBackend to your project in seconds.

Option 1: NPM (Recommended)

npm install @staticbackend/js

Option 2: CDN (For Quick Testing)

<script src="https://cdn.jsdelivr.net/npm/@staticbackend/js/dist/bundle.min.js"></script>

✓ Library Installed

Write Your First Code

Here's a complete example that registers a user and saves data. Copy and run it!

import { Backend } from '@staticbackend/js';

// Initialize with your keys
const backend = new Backend('your-public-key-here', 'na1');

// Register a new user
async function registerUser() {
  const result = await backend.register('user@example.com', 'password123');

  if (result.ok) {
    const authToken = result.content;
    console.log('User registered! Auth token:', authToken);
    return authToken;
  } else {
    console.error('Registration failed:', result.content);
  }
}

// Save some data
async function saveData(authToken) {
  const result = await backend.create(authToken, 'todos', {
    title: 'My first todo',
    completed: false
  });

  if (result.ok) {
    console.log('Todo created:', result.content);
  } else {
    console.error('Failed to create todo:', result.content);
  }
}

// Run it
async function main() {
  const authToken = await registerUser();
  await saveData(authToken);
}

main();

🎉

Congratulations! You now have:

✓

User Authentication

✓

Database Storage

✓

Functional Backend

What's Next?

🚀

Build Something Real

Try building a complete todo app with CRUD operations:

// List all todos
const todos = await backend.list(authToken, 'todos');

// Update a todo
await backend.update(authToken, 'todos', todoId,
  { completed: true });

// Delete a todo
await backend.delete(authToken, 'todos', todoId);

⚡

Add More Features

Explore what else StaticBackend can do:

Real-time updates - Live chat & notifications
Server functions - Automate tasks
Forms - Contact submissions
Helper functions - Email, PDFs, images

🌍

Deploy Your App

Your frontend can be deployed anywhere:

Vercel - vercel deploy
Netlify - netlify deploy
Your server - Upload via FTP/SFTP
GitHub Pages - For static sites

Quick Code Examples

📝 User Profile

await backend.create(authToken, 'profiles', {
  name: 'John Doe',
  avatar: 'https://example.com/avatar.jpg',
  preferences: {
    theme: 'dark',
    notifications: true
  }
});

📁 File Upload

const fileInput = document.querySelector('#avatar');
const file = fileInput.files[0];

const result = await backend.uploadFile(
  authToken,
  file
);
console.log('File URL:', result.url);

🔍 Query Data

const result = await backend.query(
  authToken,
  'todos',
  [["completed", "==", true]],
  { desc: true }
);
console.log('Active todos:', result.results);

Common Questions

❓ Do I need a server?

No! StaticBackend is your server. Deploy your frontend anywhere (Vercel, Netlify, your own hosting).

⚛️ Can I use this with React/Vue/Svelte?

Yes! Works with any framework or vanilla JavaScript. The library is framework-agnostic.

🤖 Can AI coding assistants use this?

Absolutely! Claude Code, Cursor, and other AI assistants can build complete apps using StaticBackend's API.

💰 What happens after the free trial?

Choose a paid plan or your account is paused. Your data is never deleted. You can export everything anytime.

📤 Can I export my data?

Yes, anytime. You're never locked in. Export all your data whenever you want.