👋 Welcome to Nuxt Editable!

Get started

  1. Open up editable.config.ts and define your collection schemas.
  2. In app.vue, replace the $fetch calls with your own server routes to fetch and update content.
  3. Add the v-editable attribute wherever you render your content to make it live previewable.
  4. That's it! You're ready to go!

🕹ī¸ Try the editor

There's a simple Products collection setup for you to play around with. Try enabling the edit mode and hover over the posts below!

Enable Editor
  • Apple

    MacBook Pro

    $1749

  • Samsung

    Samsung Galaxy Book

    $1499

  • Microsoft Surface

    Microsoft Surface Laptop 4

    $1499

  • Infinix

    Infinix INBOOK

    $1099

Integration Examples

Check out these examples to get up and running in no time:

Go to Docs