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.
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)
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 25 days ago
|Setting Up Webflow|