Vibe codeurs, débutants, petits projets : arrêtez de tout casser dès qu'il faut plusieurs utilisateurs ou plusieurs appareils. Même API, vraie persistance.
<!-- 1. Ajoutez le SDK --> <script src="/loko-sdk.js"></script> <script> // 2. Initialisez avec l'URL et la clé du projet const loko = new Loko({ serverUrl: 'https://votre-serveur-loko.example', projectId: 'votre-project-id' }); await loko.authWithPassword(email, password); // 3. Stockez comme avec localStorage await loko.setItem('theme', 'dark'); const theme = await loko.getItem('theme'); </script>
Vous laissez l'IA coder, et soudain vos données doivent survivre au rechargement, au changement d'appareil, ou à plusieurs utilisateurs. Firebase et Supabase sont puissants, mais leur courbe d'apprentissage tue le vibe.
Gardez setItem / getItem. Les données suivent vos utilisateurs partout.
Chaque projet a ses propres utilisateurs finaux, email + mot de passe, isolés des autres.
Un tag <script> suffit. Compatible Vite si vous préférez les imports ES modules.
Pas de nouvelle API à apprendre. Mêmes méthodes que localStorage, mais la valeur survit au navigateur.
loko.setItem(key, value)loko.getItem(key)loko.removeItem(key)// Avant : reste sur l'appareil localStorage.setItem('theme', 'dark'); // Après : suit l'utilisateur await loko.setItem('theme', 'dark'); const theme = await loko.getItem('theme');
// Cloud IndexedDB const tasks = loko.store('tasks'); const id = await tasks.add({ title: 'Acheter du lait', done: false }); const all = await tasks.getAll(); await tasks.update(id, { done: true });
Besoin de données structurées ? Créez des stores nommés et manipulez des documents JSON : add, get, update, delete, getAll.
Créez votre compte, testez Loko pendant 14 jours avec un projet. Sans clé, sans carte bancaire. Passez au forfait payant quand vous êtes prêt.
Besoin de plus ? Contactez le service client pour augmenter vos limites.
Le dashboard vous donne les valeurs exactes de votre projet. Copiez le snippet généré, puis choisissez le type de données adapté à votre application.
Le projet isole les utilisateurs et les données de votre application.
serverUrl est l’URL publique de votre serveur Loko. projectId est la clé publique d’identification de votre projet, visible dans le dashboard.
Le SDK utilise fetch, sans dépendance au SDK JavaScript PocketBase.
Les données sont liées à l’utilisateur connecté et restent disponibles après rechargement.
<script src="https://votre-serveur-loko.example/loko-sdk.js"></script>
<script>
const loko = new Loko({
serverUrl: 'https://votre-serveur-loko.example',
projectId: 'votre-project-id'
});
await loko.authWithPassword(email, password);
</script>Utilisez KV pour les préférences et petites valeurs liées à l’utilisateur.
setItem('theme', 'dark')getItem('theme')removeItem('theme')Utilisez un Store pour des listes et objets JSON avec plusieurs champs. Chaque document est stocké dans le champ data du record retourné.
const tasks = loko.store('tasks')tasks.add(data) et tasks.update(id, data)tasks.getAll() retourne des records avec record.data pour accéder au contenuhttps://mon-app.com. Tant qu’elle reste désactivée, Loko conserve le comportement ouvert par défaut.