"AppFlowy" - Building Guide For Ubuntu

"AppFlowy" - Building Guide For Ubuntu

Intro

AppFlowy is an open-source alternative to Notion.

As we all know that "Notion is a single space where you can think, write, and plan. Capture thoughts, manage projects, or even run an entire company — and do it exactly the way you want." but it isn't open-source.

And open-source software has its own set of advantages. AppFlowy tries to bring just that to our beloved Notion software. Sounds Fun!!!!

sounds-fun-sure-why-not.gif

Being open-source, AppFlowy comes with a whole set of advantages of its own. Some being:

  • 100% data control: You can host AppFlowy wherever you want; no vendor lock-in.

  • Unlimited customizations: Design and modify AppFlowy your way with an open core codebase.

  • One codebase supporting multiple platforms: AppFlowy is built with Flutter and Rust, for providing, Faster development, better native experience, and more reliable performance.

Let's see how to build it from the source.

Building Steps

These steps are only for Ubuntu System

Step 1: Get the source code

  • Clone the source code from our GitHub project.
git clone https://github.com/AppFlowy-IO/appflowy.git

build_step_one.png

Step 2: Install your build environment

  • Install system prerequisites
sudo apt-get install curl build-essential libsqlite3-dev libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev unzip

build_step_two.png

git clone https://github.com/flutter/flutter.git
cd flutter
echo "export PATH=\$PATH:"`pwd`"/bin" >> ~/.profile
export PATH="$PATH:`pwd`/bin"
cd ..

flutter_build_step.png

  • Run the setup script from the base directory
cd appflowy
./frontend/scripts/install_dev_env/install_linux.sh

build_step_two_script.png

build_step_two_warn_success.png

  • If you get the warning as shown above, run following command:
export PATH="$PATH":"$HOME/.pub-cache/bin"

Step 3: Build AppFlowy (Flutter GUI application)

  • Change to the frontend directory
cd frontend
  • Build AppFlowy. You'll find the binary in app\_flowy/product/linux/AppFlowy/
cargo make -p development-linux-x86_64 appflowy-linux-dev

build_step_three_success.png

Step 4: Run the application

cd app_flowy/product/0.0.5/linux/Debug/AppFlowy
./app_flowy

build_step_four_success.png

  • A new window as shown below will show up after you run the application:

welcome_screen.png

Outro

Congratulations, You have sucessfully build the AppFlowy application from source code. Now you can whatever you want with it. Customize it as per you own need or deploy it to your own server etc. You are now in charge.

Feel free to ask questions on their Discord and help the AppFlowy team improve this amazing open-source project over time.

Did you find this article valuable?

Support Pranshu Kumar Agrawal by becoming a sponsor. Any amount is appreciated!