New and improved video series up here. This shows how to set up user authentication using Webflow and Firebase, but without Firebase UI. Instead I show how to build your own forms so you can have full control over your site’s look and feel. Looking forward to your feedback!
I have made a Youtube playlist with the basics of getting this set up here.
There seems to be a decent amount of interest in this topic, so I plan to create a series of screencast tutorial videos on how to set this up. If these videos would interest you, please comment with your particular use case so that I can cover the most scenarios possible when I make the videos.
Ideas so far:
-Displaying different content to users based on their role
-A client dashboard where clients can upload a PDF for you to see
-Integrating Firebase with the Webflow CMS api so that when a new user signs up, their account gets created automatically in a Webflow CMS “Users” collection.
Original post 11/03/18
An example of how to set up user authentication with Webflow.
For ages I was thinking about setting up some sort of user authentication with a Webflow site. Finally I got around to it, so I thought I would share my project here in case anyone else wants to use it as an example or reference for their own project.
I set up a test Webflow site that integrates with Firebase. I used the FirebaseUI widget to actually handle the user authentication part so that I didn’t have to deal with any more code myself than absolutely necessary.
This site demonstrates some basic features such as:
- User sign up
- User log in
- User log out
- The ability for a user to change their email address and update their profile information and profile pic
Feel free to have a look around and see how it is set up. You will need to make an account to see the profile page in action, but please note that SSL is not yet set up on this site. In any case, you can have a look at some screen grabs below.
The custom code I wrote could do with a tidy up, and the site could use a bit of polishing, but it works for now.
Need to set up form validation.
Need to set up Facebook and Google sign in, at the moment only email and password auth is configured.
Happy to answer any questions you may have. Screen grabs below.