Skip to main content

Manual

note

The easiest way to get started with Typebot is with the official managed service in the Cloud. You'll have high availability, backups, security, and maintenance all managed for you by me, Baptiste, Typebot's founder.

The cloud version can save a substantial amount of developer time and resources. For most sites this ends up being the best value option and the revenue goes to funding the maintenance and further development of Typebot. So you’ll be supporting open source software and getting a great service!

Requirements

  • A PostgresDB database hosted somewhere. Supabase offer great free options. But you can also setup your own database on your server.
  • A server with Node.js 14+, Nginx, and PM2 installed.
  • Experience deploying Next.js applications with PM2. Check out this guide for more information.

Getting Started

  1. Fork/clone the repository and checkout the latest stable version.
git clone git@github.com:<username>/typebot.io.git
cd typebot.io
git checkout latest
  1. Setup environment variables by copying the example files and following the configuration guide to fill in the missing values.
cp .env.example .env
note

The database user should have the SUPERUSER role. You can setup and migrate the database with the pnpm prisma generate && pnpm db:migrate command.

  1. Install dependencies
pnpm install
  1. Build the builder and viewer
pnpm run build:apps
note

If you face the issue Node ran out of memory, then you should increase the memory limit for Node.js. For example,NODE_OPTIONS=--max-old-space-size=4096 will increase the memory limit to 4GB. Check this stackoverflow answer for more information.

Deployments

Deploy the builder

  1. Cd into the builder directory and make sure it can be started with pnpm start
cd apps/builder
pnpm start
# You may have to set the port if it's already in use
pnpm start -p 3001
  1. Deploy the builder with PM2
pm2 start --name=typebot pnpm -- start
# or select a different port
pm2 start --name=typebot pnpm -- start -p 3001

Deploy the viewer

  1. Cd into the viewer directory and make sure it can be started with pnpm start
cd apps/viewer
pnpm start
# You may have to set the port if it's already in use
pnpm start -p 3002
  1. Deploy the viewer with PM2
pm2 start --name=typebot pnpm -- start
# or select a different port
pm2 start --name=typebot pnpm -- start -p 3002

Nginx configuration

You can use the following configuration to serve the builder and viewer with Nginx. Make sure to replace the server_name with the respective domain name for your Typebot instance. Check out this guide for a step-by-step guide on how to setup Nginx and PM2.

server {
listen 80;
server_name typebot.example.com www.typebot.example.com;
return 301 https://typebot.example.com$request_uri;
}

server {
listen 443 ssl;
server_name typebot.example.com www.typebot.example.com;

# managed by Certbot
ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # ma>
ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # >
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

location ^~ / {
proxy_pass http://localhost:3001;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}