The steps to install and configure Tiptap Notion-like Template are as follows:
- Sign up and subscribe: Visit cloud.tiptap.dev/register to create an account and subscribe to the Start program (free trial available). Production environments require a paid subscription.
- Get Template: After logging in, visit the private GitHub repository provided by Tiptap by invitation to download the Notion-like Template code.
- Installation of dependencies: Run in the project directory
npm installcommand to install dependencies. - Configuring Environment Variables: Create the .env file in the project root directory, add the
TIPTAP_COLLAB_TOKENcap (a poem)TIPTAP_AI_API_KEYto enable collaboration and AI features. - Integrated Styles: Add .tiptap class styles to CSS, which can also be used with frameworks such as Tailwind CSS.
- Running Projects: By
npm run devStart the development server and visit localhost:3000 in your browser to view the editor. - Optional CLI installation: Available
npx @tiptap/cli add notion-like-editorcommand to quickly install the template.
Note: Tiptap Cloud or self-hosted Hocuspocus servers need to be configured in production environments to ensure stable collaboration functionality.
This answer comes from the articleTiptap Notion-like Template: Fast Integration of Notion-like Collaboration EditorThe
May not be reproduced without permission:AI productivity tools " How to install and configure Tiptap Notion-like Template?
English 
简体中文 
日本語 
Deutsch 
Português do Brasil