v0.5.0: Design Improvements and code-cleanup

The version 0.5.0 adds improvements to the overall design, and adds Firebase Storage security rules backed by Firestore

·2 min read
Cover Image for v0.5.0: Design Improvements and code-cleanup

Hi there! Since version 0.4.0, we worked hard on providing improvements to the overall look and feel of the application, we reduced the bundle's size by tweaking the Firebase tree-shaking configuration, minor fixes, and added one of the latest change to Firebase Storage that helped us reduce complexity in certain parts of the codebase.

1) Design Improvements

The biggest design changes affected the authentication pages.

  1. The overall background has a darker shade
  2. Smaller gap between controls

Furthermore, we updated the Sidebar layout to take the full space of the page:

2) Bundle Size reduction

Because of a bug in either Reactfire or Next.js, tree-shaking isn't working correctly when importing Reactfire.

To work it around, we added a list of externals to the webpack configuration, which helped us shave off at least 50kb from the production bundle!

3) Firestore rules in Firebase Storage

Using Firestore rules in the Firebase storage rules helped us reduce the complexity of the code for handling group security.

In fact, to restrict users from reading and writing only to the organizations they're part of, we needed to use custom claims, and update them every time the user changed organization.

Thanks to the new updated, we were able to clean up a lot of code and simplify the whole process. Cheers, Firebase team!


Stay informed with our latest resources for building a SaaS

Subscribe to our newsletter to receive updatesor

Read more about

Cover Image for v0.4.0: Phone Authentication

v0.4.0: Phone Authentication

·2 min read
The version 0.4.0 adds the ability to sign-in using a Phone number, and adds design and usability improvements to the authentication pages
Cover Image for v0.3.0: Multi-Factor Authentication and Multi-Provider accounts

v0.3.0: Multi-Factor Authentication and Multi-Provider accounts

·2 min read
The version 0.3.0 adds the ability to enable Multi-Factor Authentication and for users to link their account to multiple providers
Cover Image for v0.2.0: Transferring Ownership of an organization

v0.2.0: Transferring Ownership of an organization

·2 min read
The version 0.2.0 adds the ability to transfer the ownership of an organization to another member
Cover Image for Makerkit upgraded to React 18

Makerkit upgraded to React 18

·2 min read
React 18 has been released, and with it many exciting features.
Cover Image for Get paid with Stripe

Get paid with Stripe

·2 min read
MakerKit makes it super-easy to add Stripe payment and subscriptions to your Firebase and Next.js application. Learn how!