Cloud Canal

The Cloud Canal Developer Hub

Welcome to the Cloud Canal developer hub. You'll find comprehensive guides and documentation to help you start working with Cloud Canal as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Overview

Learning to build a web app with Webflow and Bubble.

Visual web design has come a long way over the years. It used to be that these systems were clunky, relying on absolute positioning that laughed in the face of responsive design. Why design for responsiveness when you could just have a completely separate, expensive, and even clunkier mobile site?

Lucky for us, site builders today exist for a wide range of users with a spectrum of web design knowledge and experience. One shining example is Webflow, which stands out from the pack with its focus on control and a UI that closely mimics the HTML and CSS it abstracts away. We've gotta say though: as awesome as Webflow is for building sites, we sometimes find ourselves wanting to use it for something a little more complex.

That's where Cloud Canal comes in. Cloud Canal is a visual coding tool that aims to do for JavaScript what Webflow has done for HTML and CSS. Like Webflow, it caters to people with a wide range of programming skills. It's no-code, low-code and full-code all in one.

During this tutorial, we'll walk through the process of turning a Webflow site into a web app by adding the following functionality:

  • Signing users up
  • Logging users in
  • Logging users out
  • Restricting access (member areas)

While there are individual tools out there that can do some of these things for you, they don't offer the depth and control that writing code does. They also tend to lock you into their platform. With Cloud Canal, every flow you build gets turned into clean JavaScript. The best part? Any code you generate in Cloud Canal is completely yours, with no strings attached.

📘

Other tools

For the purposes of this tutorial, we'll be using Webflow for the front end and Bubble for the back end. However, you can use Cloud Canal to pull data from any source that exposes an API, and you can use the JS files it generates with any site builder that allows custom code. You can even use it directly in projects where you build the HTML and CSS by hand!

Without further ado, let's get started!

Updated 2 months ago


Overview


Learning to build a web app with Webflow and Bubble.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.