As etapas para instalar e configurar o Tiptap Notion-like Template são as seguintes:
- Registre-se e assineVisite cloud.tiptap.dev/register para criar uma conta e assinar o plano Start (teste gratuito disponível). Os ambientes de produção exigem uma assinatura paga.
- Obter modeloFaça login e visite o repositório privado do GitHub fornecido pela Tiptap por convite para fazer download do código do modelo Notion-like.
- Instalação de dependênciasExecutar no diretório do projeto
npm installpara instalar as dependências. - Configuração de variáveis de ambienteCrie o arquivo .env no diretório raiz do projeto e adicione a tag
TIPTAP_COLLAB_TOKENresponder cantandoTIPTAP_AI_API_KEYpara habilitar recursos de colaboração e IA. - Estilo integradoAdicionar estilos de classe .tiptap ao CSS, que também pode ser usado com estruturas como o Tailwind CSS.
- Projetos em andamento: através de
npm run devInicie o servidor de desenvolvimento e acesse localhost:3000 em seu navegador para visualizar o editor. - Instalação opcional da CLI: Disponível
npx @tiptap/cli add notion-like-editorpara instalar rapidamente o modelo.
Observação: os servidores Tiptap Cloud ou Hocuspocus auto-hospedados precisam ser configurados em ambientes de produção para garantir uma funcionalidade de colaboração estável.
Essa resposta foi extraída do artigoModelo Tiptap Notion-like: integração rápida do editor de colaboração Notion-likeO
Não pode ser reproduzido sem permissão:Ferramentas de produtividade de IA " Como instalar e configurar o Tiptap Notion-like Template?
Português do Brasil 
简体中文 
English 
日本語 
Deutsch