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 Announcing support for Multi-Factor Authentication (MFA) with Supabase

Announcing support for Multi-Factor Authentication (MFA) with Supabase

·3 min read
A sneak peek to our coming feature for Multi-Factor Authentication (MFA) with Supabase.
Cover Image for A sneak peek at the Supabase and Next.js RSC SaaS kit

A sneak peek at the Supabase and Next.js RSC SaaS kit

·9 min read
A behind the scenes look at how we built the Supabase and Next.js RSC SaaS Starter.
Cover Image for Makerkit ❤️ Radix UI

Makerkit ❤️ Radix UI

·2 min read
Makerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.
Cover Image for Changelog: New Stripe Subscriptions Pages

Changelog: New Stripe Subscriptions Pages

·3 min read
We've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.
Cover Image for Planning Makerkit's 2023

Planning Makerkit's 2023

·2 min read
A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.
Cover Image for Introducing the Makerkit UI Storybook

Introducing the Makerkit UI Storybook

·2 min read
Announcing the Makerkit UI Storybook: a collection of all the components that make up the Makerkit kits. You can use this to see how the components work and to get inspiration for your own projects.