Neste tutorial, vamos explorar como instalar e configurar o Typebot em seu servidor, usando NVM para gerenciar múltiplas versões do Node.js, PNPM como gerenciador de pacotes, e PM2 para gerenciar os processos de execução. Mesmo que o Typebot atualmente exija o Node.js v18, é altamente recomendado configurar seu ambiente para suportar várias versões do Node, o que permitirá que você desenvolva projetos futuros sem a necessidade de reinstalações.

Verifique se a instalação foi bem-sucedida:
Defina a versão 18 como padrão para o Typebot:
Confirme que a versão 18 está em uso:
O PNPM é uma alternativa mais eficiente ao NPM, consumindo menos espaço e melhorando a performance na instalação de pacotes. Para instalar o PNPM globalmente, execute:
Verifique a instalação:
Instale o PM2 globalmente:
Verifique a versão instalada:
Antes de iniciar o Typebot, verifique se não há processos anteriores do Typebot em execução. Para parar e deletar processos antigos, execute:
Para garantir que estamos utilizando a versão correta (neste caso, v2.26.1), execute:
No arquivo .env, insira as chaves de API, URLs e informações de banco de dados conforme as instruções da documentação oficial. Consulte a documentação do Typebot para detalhes sobre as variáveis necessárias: Documentação Oficial Typebot.
bash
Verifique se a instalação foi bem-sucedida:
Defina a versão 18 como padrão para o Typebot:
Confirme que a versão 18 está em uso:
Verifique a instalação:
Instale o PM2 globalmente:
Verifique a versão instalada:
Antes de iniciar o Typebot, verifique se não há processos anteriores do Typebot em execução. Para parar e deletar processos antigos, execute:
Para garantir que estamos utilizando a versão correta (neste caso, v2.26.1), execute:
bash
No arquivo .env, insira as chaves de API, URLs e informações de banco de dados conforme as instruções da documentação oficial. Consulte a documentação do Typebot para detalhes sobre as variáveis necessárias: Documentação Oficial Typebot.
Caso você enfrente problemas de memória durante a compilação, ajuste o tamanho da memória alocada:
Agora compile os aplicativos do Typebot:
Para iniciar o builder na porta 3001:
Para iniciar o viewer na porta 3002:
Para garantir que esses processos rodem continuamente, podemos gerenciá-los com o PM2:
2. Crie um novo usuário e banco de dados:
3. Conceda permissões ao usuário:
Se precisar de mais informações ou assistência, consulte a documentação oficial ou participe da comunidade.

Por Que Usar Múltiplas Versões do Node.js?
O Typebot requer Node.js v18, mas instalar e gerenciar várias versões do Node.js tem suas vantagens:- Compatibilidade de Projetos: Diferentes projetos podem exigir versões específicas do Node.js. Manter múltiplas versões instaladas evita conflitos entre dependências.
- Futuras Atualizações: Mesmo que o Typebot utilize Node.js v18 hoje, versões mais novas como a v20 ou v22 podem ser necessárias em projetos futuros.
- Facilidade de Manutenção: Usar uma ferramenta como o NVM (Node Version Manager) torna muito mais fácil alternar entre diferentes versões do Node.js. Isso é especialmente útil quando você precisa testar ou depurar aplicativos em diferentes ambientes.
Passo 1: Instalar o NVM
O NVM é uma ferramenta de linha de comando que permite instalar e alternar entre diferentes versões do Node.js. Para instalá-lo, execute o comando a seguir: Código:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
source ~/.bashrc
Verifique se a instalação foi bem-sucedida:
Código:
nvm -v
Passo 2: Instalar Várias Versões do Node.js
Com o NVM instalado, você pode agora instalar as versões do Node.js necessárias. Vamos instalar a versão 18 (obrigatória para o Typebot) e algumas versões mais recentes para possíveis projetos futuros: Código:
nvm install 16
nvm install 18
nvm install 20
nvm install 22
Defina a versão 18 como padrão para o Typebot:
Código:
nvm use 18 --default
Confirme que a versão 18 está em uso:
Código:
node -v
Passo 3: Instalando o PNPM
O PNPM é uma alternativa mais eficiente ao NPM, consumindo menos espaço e melhorando a performance na instalação de pacotes. Para instalar o PNPM globalmente, execute:
Código:
npm install -g pnpm
Verifique a instalação:
Código:
pnpm -v
Passo 4: Gerenciar Processos com PM2
O PM2 é um gerenciador de processos que facilita o gerenciamento de aplicativos Node.js em produção. Usaremos o PM2 para gerenciar os processos do Typebot.Instale o PM2 globalmente:
Código:
npm install -g pm2
Verifique a versão instalada:
Código:
pm2 -v
Antes de iniciar o Typebot, verifique se não há processos anteriores do Typebot em execução. Para parar e deletar processos antigos, execute:
Código:
pm2 stop typebotbuild
pm2 stop typebotviewer
pm2 delete typebotbuild
pm2 delete typebotviewer
Passo 5: Clonando o Repositório do Typebot
Agora, vamos clonar o repositório oficial do Typebot no GitHub: Código:
git clone https://github.com/baptisteArno/typebot.io.git
cd typebot.io
Para garantir que estamos utilizando a versão correta (neste caso, v2.26.1), execute:
Código:
git checkout -b 8c41d58 v2.26.1
Passo 6: Configurar o Arquivo .env
O Typebot precisa de um arquivo .env para armazenar suas variáveis de ambiente. Copie o arquivo de exemplo e edite conforme suas necessidades: Código:
cp .env.example .env
No arquivo .env, insira as chaves de API, URLs e informações de banco de dados conforme as instruções da documentação oficial. Consulte a documentação do Typebot para detalhes sobre as variáveis necessárias: Documentação Oficial Typebot.
Instalação e Personalização do Typebot: Como Usar Múltiplas Versões do Node.js com NVM, PNPM e PM2
Neste tutorial, vamos explorar como instalar e configurar o Typebot em seu ambiente local, usando NVM para gerenciar múltiplas versões do Node.js, PNPM como gerenciador de pacotes, e PM2 para gerenciar os processos de execução. Mesmo que o Typebot atualmente exija o Node.js v18, é altamente recomendado configurar seu ambiente para suportar várias versões do Node, o que permitirá que você desenvolva projetos futuros sem a necessidade de reinstalações.Por Que Usar Múltiplas Versões do Node.js?
O Typebot requer Node.js v18, mas instalar e gerenciar várias versões do Node.js tem suas vantagens:- Compatibilidade de Projetos: Diferentes projetos podem exigir versões específicas do Node.js. Manter múltiplas versões instaladas evita conflitos entre dependências.
- Futuras Atualizações: Mesmo que o Typebot utilize Node.js v18 hoje, versões mais novas como a v20 ou v22 podem ser necessárias em projetos futuros.
- Facilidade de Manutenção: Usar uma ferramenta como o NVM (Node Version Manager) torna muito mais fácil alternar entre diferentes versões do Node.js. Isso é especialmente útil quando você precisa testar ou depurar aplicativos em diferentes ambientes.
Passo 1: Instalar o NVM
O NVM é uma ferramenta de linha de comando que permite instalar e alternar entre diferentes versões do Node.js. Para instalá-lo, execute o comando a seguir:bash
Código:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
source ~/.bashrc
Código:
nvm -v
Passo 2: Instalar Várias Versões do Node.js
Com o NVM instalado, você pode agora instalar as versões do Node.js necessárias. Vamos instalar a versão 18 (obrigatória para o Typebot) e algumas versões mais recentes para possíveis projetos futuros: Código:
nvm install 16
nvm install 18
nvm install 20
nvm install 22
Código:
nvm use 18 --default
Código:
node -v
Passo 3: Instalando o PNPM
O PNPM é uma alternativa mais eficiente ao NPM, consumindo menos espaço e melhorando a performance na instalação de pacotes. Para instalar o PNPM globalmente, execute: Código:
npm install -g pnpm
Código:
pnpm -v
Passo 4: Gerenciar Processos com PM2
O PM2 é um gerenciador de processos que facilita o gerenciamento de aplicativos Node.js em produção. Usaremos o PM2 para gerenciar os processos do Typebot.Instale o PM2 globalmente:
Código:
npm install -g pm2
Código:
pm2 -v
Código:
pm2 stop typebotbuild
pm2 stop typebotviewer
pm2 delete typebotbuild
pm2 delete typebotviewer
Passo 5: Clonando o Repositório do Typebot
Agora, vamos clonar o repositório oficial do Typebot no GitHub: Código:
git clone GitHub - baptisteArno/typebot.io: 💬 Typebot is a powerful chatbot builder that you can self-host.
cd typebot.io
bash
Código:
git checkout -b 8c41d58 v2.26.1
Passo 6: Configurar o Arquivo .env
O Typebot precisa de um arquivo .env para armazenar suas variáveis de ambiente. Copie o arquivo de exemplo e edite conforme suas necessidades: Código:
cp .env.example .env
Passo 7: Instalando Dependências e Compilando o Typebot
Use o PNPM para instalar todas as dependências necessárias para o Typebot: Código:
pnpm install
Caso você enfrente problemas de memória durante a compilação, ajuste o tamanho da memória alocada:
Código:
NODE_OPTIONS=--max-old-space-size=4096
Agora compile os aplicativos do Typebot:
Código:
pnpm run build:apps --force
Passo 8: Iniciar o Typebot
Depois que a compilação for concluída, vamos iniciar o servidor do builder (construtor) e o viewer (visualizador).Para iniciar o builder na porta 3001:
Código:
cd apps/builder
pnpm start -p 3001
Código:
cd apps/viewer
pnpm start -p 3002
Para garantir que esses processos rodem continuamente, podemos gerenciá-los com o PM2:
Código:
pm2 start --name=typebotbuild pnpm -- start -p 3001
pm2 start --name=typebotviewer pnpm -- start -p 3002
Passo 9: Configurar o PostgreSQL
Se ainda não configurou o banco de dados PostgreSQL, siga estas etapas:- Acesse o PostgreSQL:
Código:
psql -U postgres
Código:
CREATE ROLE typebotusr WITH LOGIN PASSWORD 'senha_segura';
CREATE DATABASE typebotdb;
Código:
GRANT ALL PRIVILEGES ON DATABASE typebotdb TO typebotusr;
GRANT USAGE, CREATE ON SCHEMA public TO typebotusr;
GRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO typebotusr;
Passo 10: Personalizações Adicionais
1. Alterar Logomarca e Favicon
Para personalizar o favicon do Typebot, substitua a imagem no seguinte diretório: Código:
/root/typebot.io/apps/builder/public/favicon.png
/root/typebot.io/apps/viewer/public/favicon.png
2. Traduzir E-mails
Edite o arquivo de e-mails para personalizar o conteúdo enviado aos usuários: Código:
/root/typebot.io/packages/emails/src/emails/MagicLinkEmail.tsx
Passo 11: Configurar PM2 para Produção
Para garantir que o Typebot reinicie automaticamente após uma reinicialização do servidor, configure o PM2: Código:
pm2 startup
pm2 save
Passo 12: Limpeza de Cache
Mantenha seu ambiente limpo, removendo cache de pacotes desnecessários: Código:
npm cache clean --force
pnpm store prune
Conclusão
Seguindo este passo a passo, você configurou corretamente o Typebot com suporte a múltiplas versões do Node.js, utilizando NVM, PNPM e PM2. A flexibilidade de alternar entre diferentes versões do Node.js ajudará em futuros projetos e garantirá que seu ambiente de desenvolvimento esteja preparado para futuras atualizações.Se precisar de mais informações ou assistência, consulte a documentação oficial ou participe da comunidade.