Skip to content

huntsyea/nextjs-tiptap-boilerplate

Repository files navigation

Markdown Editor with Next.js and Tiptap

A beautiful and feature-rich Markdown editor built with Next.js, Tiptap, and shadcn/ui. This project provides a modern, responsive, and customizable editing experience with real-time Markdown preview and syntax highlighting.

Features

  • Rich text editing with Markdown support
  • Real-time Markdown preview
  • Syntax highlighting for code blocks
  • Dark mode support
  • Responsive design
  • Customizable UI with shadcn/ui components

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js (v14 or later)
  • npm (v6 or later)

Installation

To install the Markdown Editor, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/markdown-editor.git
    
  2. Navigate to the project directory:

    cd markdown-editor
    
  3. Install the dependencies:

    npm install
    

Usage

To run the Markdown Editor locally, use the following command:

npm run dev

This will start the development server. Open http://localhost:3000 in your browser to view the application.

Contributing

Contributions to the Markdown Editor are welcome! Here's how you can contribute:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature-name.
  3. Make your changes and commit them: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature/your-feature-name.
  5. Submit a pull request.

Please make sure to update tests as appropriate and adhere to the existing coding style.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

If you have any questions or feedback, please open an issue on the GitHub repository.

Acknowledgements

Releases

No releases published

Packages

No packages published