What is an MVPStack?
Welcome to the first post in the MVPStack series. I want to use this series to highlight on different technologies that I think make it easier to develop Minimum Viable Products. The goal of each of these tools is to get you to market quicker and easier, hopefully with minimal programming required (at least compared to what you’re used to).
Do you have a stack that you’d like featured in MVPStack? Contact me and I’ll check out your stack and it could be featured here!
The first MVPStack I want to introduce to you is AngularFire:
Not only that, but Firebase offers free app hosting as well, so you can build an entire web application without the need for any backend servers at all.
Because of this speed of setup and development, AngularFire is my personal go-to setup for creating Minimum Viable Products when I want to get something up quick and test it out.
What is the biggest benefit of using AngularFire?
Other than the fact that no server is required, in my opinion the biggest benefit to using AngularFire is their quick and easy 3-way data-binding.
Here’s a picture that shows how each part of AngularFire interacts to create the 3-way bind:
Firebase also provides it’s own authentication module that can be used with an Email/Password combination and several services such as Google, GitHub, Twitter and Facebook auth. Security rules can also be set up directly in the Firebase dashboard to make sure that your users only have access to the information you want them to.
Also, since the database is essentially real time, it is a great one to use for apps that use quasi-realtime data such as chats, collaboration, etc.
What is required for this MVPStack?
This is by far one of the simplest stacks you can set up, here’s what you’ll need:
- A domain name for your app (technically not required)
- The ability to develop code locally
- Node.js Installed Locally
Here is what Firebase will provide:
- A starter template for an AngularFire App
- Your Database
- An SSL Certificate (included)
- Hosting for your application
- Authentication including Email/Pass, Google, GitHub, Twitter, Facebook, etc.
- Custom access-level security
How do I start an AngularFire project?
Here’s a video showing how to get you started in AngularFire coding locally in under 15 minutes:
I highly recommend, especially if you’re on the fence about beginning AngularFire, that you check out Firebases interactive tutorial here. It will walk you through the basics of getting AngularFire up and running.
After you’ve tried to tutorial, you have to register an account at Firebase and create a project there before doing anything else.
Then, follow along with the Firebase Hosting tutorial, but instead of doing
firebase init use
firebase bootstrap and choose AngularFire from the setup prompt.
After you have followed the above tutorial, you are all ready to go! In fact, just run
firebase deploy and you can check out the default app running in your browser immediately.
I still have questions!
Drop a comment below and I’ll be sure to try to answer your questions as quickly as I can.
Also, if you’d like to receive news on more MVPStacks, development tips and tricks and valuable insights on creating Minimum Viable Products, please join my newsletter and I’ll be sure to send you updates once a week for free.