v4.1 Demo

Slug Store v4.1 Interactive Demo

Simple state management with Hybrid Persistence. Every change automatically syncs with intelligent optimization!

Hybrid Mode

URL syncs

6KB bundle

NEW

Simple API

My Wishlist

Simple state management with Auto Config System

Filter:

🛍️

Your wishlist is empty

Click "Add Item" to start building your wishlist

0 of 0 items shown

Total value: $0

Auto Config Active

This wishlist is automatically optimized for URL sharing and offline storage. Changes are persisted and sync across browser sessions.

Slug Store Test

Count: 0

Message: Hello from slug-store!

Check the browser console for detailed logs

How It Works

Simple hook for state management with automatic optimization

Simple Implementation

// Simple state management with Hybrid Persistence
import { useSlugStore } from 'slug-store/client'

function WishlistApp() {
  const [wishlist, setWishlist] = useSlugStore('wishlist', {
    items: [],
    view: 'grid',
    filter: 'all'
  }, {
    hybrid: true // Persist to URL and offline storage
  })

  // That's it! Your state is now shareable and durable.
  return (
    <div>
      {wishlist.items.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  )
}

Ready to add this to your app?

Get started with Slug Store v4.0 in your Next.js application today.