TinaCMS + Fumadocs: Bring Visual Editing to Your Docs | Hark Singh

📦 The package (TinaCMS + Fumadocs) https://github.com/0xharkirat/tinacms-fumadocs-pkg 🔗 Tools Fumadocs: https://www.fumadocs.dev/ TinaCMS: https://tina.io/ Roadmap: https://tina.io/roadmap 💬 Discussions TinaCMS + Fumadocs : https://github.com/tinacms/tinacms/discussions/6973 📞 Contact us: https://bit.ly/4fAFrVx Editing docs directly in Markdown is great for developers, but not so great for non-technical team members who just want to update content without living in VS Code. In this video, Hark Singh shows how he added TinaCMS-powered visual editing to a Fumadocs site, making it easier to edit Markdown, add images, create new pages, insert UI components, reorder navigation, and even make live changes through Tina Cloud. He walks through the old manual workflow, then shows the visual editing experience in action, including saving changes back to the file system, committing updates to GitHub, and triggering Vercel deployments from the CMS. The package is currently a preview, but it points to an exciting future for developer-friendly docs that are also friendly for the rest of the team. 00:00 | Introduction 00:27 | What Fumadocs is used for 00:53 | The manual Markdown editing workflow 01:24 | Creating and ordering pages manually 02:19 | Visual editing with TinaCMS 02:41 | Editing Markdown and adding images 03:31 | Creating a new page visually 04:00 | Adding Fumadocs UI components 04:25 | Reordering navigation with drag and drop 05:15 | Live editing with Tina Cloud, GitHub, and Vercel 🌐 About SSW: https://linktr.ee/SSWTV 🔗 Links: LinkedIn: https://linkedin.com/company/ssw Twitter: https://twitter.com/ssw_tv Facebook: https://facebook.com/SSW.page Instagram: https://instagram.com/ssw_tv Tiktok: https://www.tiktok.com/@ssw_tv 👋 Get in touch: Hark Singh – SSW Software Engineer I About: https://www.ssw.com.au/people/hark-singh LinkedIn: https://www.linkedin.com/in/talesofhark #TinaCMS #Fumadocs #CMS #VisualEditing #Markdown #Documentation #MDX #Vercel #GitHub #WebDevelopment #DeveloperTools #SSWTV V4 - Pam