Lowcoder Documentation
  • Lowcoder overview
    • The "Hello World" walk
  • 🆕Setup and run
    • Cloud & Private Cloud
    • Self-hosting
      • Google Cloud Platform
      • Easypanel
      • Heroku
      • Raspberry Pi
      • Access local database or API
      • Update MongoDB Versions
      • Lowcoder Version Update
      • Traefik loadbalancer
      • SMTP Server
      • Migration from Openblocks
    • Security
  • 🏨Workspaces & Teamwork
    • Workspaces
      • SAAS Mode
      • Enterprise Mode
    • Members and Groups
    • Permissions for Resources
    • OAuth
      • KeyCloak
      • Google
      • GitHub
      • Generic OAuth Provider
    • Query library
    • Lowcoder Marketplace
  • ✨Build Applications
    • Create a new App
      • App(s) Navigation
      • Modules
      • Version and Release Management
    • App Editor
      • Query & Editing Roundtrips
      • Bulk Editing
      • Keyboard shortcuts
      • Data selection & Javascript
      • Layers
      • Visual Components
        • Common Component Settings
        • Messages / Toast
        • Dashboard & Reporting
          • Table
          • Charts and graphs
            • Bar Chart
            • Line Chart
            • Pie Chart
            • Scatter Chart
            • CandleStick Chart
            • Funnel Chart
            • Gauge Chart
            • Graph Chart
            • Heatmap Chart
            • Radar Chart
            • Sankey Chart
            • Suburst Chart
            • Theme River Chart
            • Tree Chart
            • Treemap Chart
            • Mermaid Chart
          • Google Maps
        • Layout & Navigation
          • List View
          • Drawer
          • Modal
          • Navigation
          • Cascader
          • Tree / Tree Select
          • Link
          • Floating Button
          • Text
          • Step Control
          • Page Layout
          • Content Card
          • Tabbed Container
        • Data Collection & Forms
          • Form
          • Input Field Types
          • JSON Schema Form
        • Meeting & Collaboration
        • Project Management
        • Calendar & Scheduling
          • Calendar
          • Date & Date Range
          • Time & Time Range
        • Document & File Management
          • File upload
        • Item & Signature Handling
        • Multimedia & Animation
          • Image
        • Integration & Extension
        • Legacy & Deprecated
      • Option lists
      • Date handling
      • Use Markdown
    • App Interaction
      • Event handlers
    • Themes & Styling
      • Design an efficient and user-friendly form
      • Customize Styles
      • Component Styling Possibilities
    • Video Calls in Lowcoder
  • 🚀Connect your Data
    • Data source basics
      • Configure IP allowlists
    • Data sources in Lowcoder
      • APIs as Datasource
        • REST API
        • GraphQL
        • Google Sheets
      • SQL Databases
        • MySQL
        • MariaDB
        • Supabase
          • Supabase PostgreSQL
          • Supabase Assets API
          • Supabase RealTime
          • Supabase OAuth
        • PostgreSQL
        • Microsoft SQL Server
        • Oracle
      • NoSQL Databases
        • MongoDB
        • CouchDB
        • DynamoDB
      • InMemory Databases
        • Redis
      • File Storages
        • S3 File Storage
      • BigData & OLAP
        • Big Query
        • Snowflake
        • ClickHouse
        • Elasticsearch
      • Websocket Datasource
    • Query basics
      • Bind Query Data to Components
      • Query library
  • 🪄Workflows
    • n8n Integration
  • 💫Business Logic in Apps
    • Write JavaScript
      • JavaScript query
      • Temporary state
      • Transformers
      • Data responder
      • Built-in JS functions
  • 🙌Publish Apps
    • Share an App
    • Publish an App
    • Embed an App
      • Embed App in HTML Pages
      • Embed App in WordPress Pages
      • Embed Apps in React
      • Embed Apps in NEXT.JS
      • Native embed SDK
        • Build the SDK from Source
  • 🔥Lowcoder Extension
    • Opensource Contribution
      • Develop UI components for Apps
      • Develop Data Source Plugins
    • Use third-party libraries in Apps
      • Day.js Date handling
      • Import your own JavaScript Library
    • Custom component
    • Lowcoder Open REST API
  • Lowcoder for Enterprise
    • Custom branding
Powered by GitBook
LogoLogo

More to try...

  • Lowcoder Website
  • Free Cloud Platform
  • Github
  • Discord

© Lowcoder Software LTD

On this page
  • Deploy
  • Configure app settings
  • Manage environment variables
  • Install SSL Certificates
  • Customize domain names
  • Update using Heroku CLI

Was this helpful?

  1. Setup and run
  2. Self-hosting

Heroku

PreviousEasypanelNextRaspberry Pi

Last updated 5 months ago

Was this helpful?

Deploy

  1. for a new Heroku account, or to get started.

  2. Click to start Heroku .

  3. Set the App name which will be part of the app URL later, and choose a region.

  4. (Not required) Fill in the Config Vars according to the descriptions. These are all optional variables used for environment-specific configuration. You can skip this step and manage environment variables later.

  5. Click the Deploy app button.

It usually takes around three minutes to start the app.

Click the View button to open the new app, which should be available at https://your_app_name.herokuapp.com/.

On the welcome page, Click Sign up to get started. Lowcoder will automatically create a workspace for you. Then you can start building your apps and invite members to your workspace.

Configure app settings

On the , go to the Settings tab at the top to configure app settings.

Manage environment variables

You can manage the environment variables of your app in the Config Vars section.

For more help, see in the Heroku documentation.

Install SSL Certificates

Choose Manual Certificate, and you can install your SSL Certificates. A public certificate file usually ends in .pem or .crt.

Customize domain names

  1. Click the Add Domain button in the Domains section.

  2. Fill in your Domain name and click Next.

  3. Copy and paste the DNS Target provided by Heroku to complete the domain setup.

Update using Heroku CLI

git clone https://github.com/lowcoder-org/lowcoder.git

2. Move to the heroku folder.

cd Lowcoder/deploy/heroku

3. Log in to Heroku CLI.

heroku login

4. Make sure you have a Docker engine running locally. Then log in to Container Registry.

heroku container:login

5. Get the app name of your Heroku account.

heroku apps

6. Build the image and push it to Container Registry.

heroku container:push web -a your_app_name

7. Release the image to your app.

heroku container:release web -a your_app_name

It might take a few minutes to build the new image and push it to Heroku. Then you can open the app in your browser to check if it is running.

heroku open -a your_app_name

You can configure the SSL Certificates of your app in the SSL Certificates section. Heroku provides and options.

For more help, see in the Heroku documentation.

You can use the to update your Docker image to the latest version. The basic logic behind the following steps is to pull the newest code from the GitHub repository, build an image locally using the Docker engine, and deploy the updated image using the Heroku CLI. Before you start, make sure you have and installations locally (required).

1. Get the latest code by cloning the repository from GitHub.

🆕
Sign up
log in
one-click deployment
Heroku Dashboard
Managing config vars
Automated Certificate Management (ACM)
Manual Certificate
Custom Domain Names for Apps
Heroku CLI
Heroku CLI
Docker
Lowcoder-org/Lowcoder