Please note that Tina's inline editing is an experimental feature and is prone to breaking changes.
An inline-editing demo built with Tina, Tailwind CSS, and Next.js.
- 🖋️ Edit text inline or in the settings modal for any block.
- 🦉 Support for dark mode with a mode toggle in the navbar.
- 📓 Use as a reference or jumping off point for your own projects.
- 🖼️ Demo image from Unsplash
Editing is enabled by default and saving will prompt you with the raw JSON and a link to the docs. You can disable editing by editing the tinaOptions object inside index.js. To learn how to work with a backend, check out our docs.