DEV Community

Cover image for Tiptap Editor - Next.js + Supabase: Full-Stack Rich Text Editing with Backend Integration
jQueryScript
jQueryScript

Posted on

Tiptap Editor - Next.js + Supabase: Full-Stack Rich Text Editing with Backend Integration

Tiptap Editor - Next.js + Supabase: A complete rich text editor implementation with backend storage and image uploads

Here's what it includes:

๐Ÿ“ Full-featured rich text editing with formatting, lists, and headings
๐Ÿ–ผ๏ธ Direct image uploads to Supabase Storage buckets
๐Ÿ’พ JSON-based content persistence in Supabase database
โŒจ๏ธ Keyboard shortcuts and markdown syntax support
๐ŸŽฌ Embedded media support for YouTube, Vimeo, Spotify, SoundCloud
๐Ÿ”ง TypeScript and Tailwind CSS for type safety and styling

The repo includes SQL scripts for setting up Supabase tables and storage policies.

Takes about 10 minutes to get running locally with your own Supabase instance.

๐Ÿ‘‰ Blog Post

๐Ÿ‘‰ GitHub Repo

๐Ÿ‘‰ Live Demo

Top comments (0)