A favicon of Shadcn Tiptap

Shadcn Tiptap

A basic Next.js starter for integrating the Tiptap rich text editor, styled with Shadcn UI, ready for quick development.

A screenshot of Shadcn TiptapVisit

Seamless Tiptap Editor Integration with Next.js and Shadcn UI

This project provides a foundational setup for developers looking to incorporate the Tiptap rich text editor within a Next.js environment, complemented by the aesthetics and functionality of Shadcn UI. It serves as a practical starting point, demonstrating the core integration and allowing for quick project initiation. Ideal for those needing a simple, ready-to-use editor configuration in their Next.js applications.

Features:

  • Tiptap Editor Integration: Basic setup for using Tiptap rich text editor.
  • Next.js Project Base: Built with Next.js utilizing the App Router for page structure.
  • Shadcn UI Styling: Integrates Shadcn UI for modern component styling.
  • Font Optimization: Uses next/font for efficient Inter font loading.
  • Simplified Setup: Easy to clone, install dependencies, and run the development server for quick starts.
  • Core Page Structure: Provides an editable app/page.tsx for immediate development and customization.

Summary:

This Next.js starter project offers a straightforward integration of the Tiptap rich text editor, styled with Shadcn UI. It provides developers with a clean, basic setup, including font optimization and a simple project structure, enabling a quick start for building applications that require rich text editing capabilities. It's designed for ease of use and rapid development for projects leveraging these specific technologies.

Distribution:
opensource
GitHub:
12 Stars
0
Share:

 

  
 

Similar to Shadcn Tiptap: