# Need help with data heavy, complex page!

**URL:** <https://community.weweb.io/t/need-help-with-data-heavy-complex-page/17502>\
**Category:** Ask us anything\
**Tags:** performance\
**Created:** [March 29, 2025, 12:54am UTC](https://community.weweb.io/t/need-help-with-data-heavy-complex-page/17502 "2025-03-29T00:54:48Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![azuliani](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@azuliani](https://community.weweb.io/u/azuliani)\
**Post date:** [March 29, 2025, 12:54am UTC](https://community.weweb.io/t/need-help-with-data-heavy-complex-page/17502/1 "2025-03-29T00:54:48Z")

</div>

Hi all!

I have a strategic planning and goals tracking platform for my bsiness consulting clients that I made in bubble. I was remaking it from the ground up to make it more performant, and ended up creating a custom component with a personal plugin to make it snappier.

But then I discovered weweb 10 days ago and supabase and self-hosting were a turning point for me - feels like waaay less worry about downtime.

Basically, this is the heavy part (this is already its version in weweb):  
**Video of current weweb project (45s):** [https://youtu.be/crWIwmbZkaI](https://youtu.be/crWIwmbZkaI)  
**Video of current bubble project (the remake) (45s):** [https://youtu.be/ACM0TxITc6M](https://youtu.be/ACM0TxITc6M)  
_(had to blur parts of the second video because they are actual client sensitive data. This second video can be considered a “stress test” already)_

**Screnshot:**

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4a5d76ff2a9cc57820005a253932f2a21c4dc959.png)

(sorry everything is in portuguese)

**Basically, we have (for now…):**  
rows: goals  
columns: people  
Intersection: L for leader and P for participant

**I set up three tables in supabase:**

1. goals
2. people
3. goals-people (this has a goal\_id and a people\_id)

**I create this “matrix” by having a collection list of goals and, inside each, two cells**

1. for the goal name
2. a horizontal collection list with the “people”. In each cell, if existis a goals-people where goals = this goal and people = this person, it puts the mark L or P depending on the role

**Obs:**

1. I also heave “goal groups” that separate them by subject, and only filter the goals that are in the selected group.
2. I need it to be able to handle a lot of rows and columns
3. Sometimes, this vision is used in realtime by multiple consultants (doing strategic planning workshops), so realtime is important
4. My current bubble app CANNOT handle too many rows+columns, it crashes. The new version I was building can!  
**5) I REALLY want to make it with weweb now! With all the bubble downtime, I simply cannot pass the opportunity of using supabase and even selfhost if necessary…**

For all the three supabase tables, I set them up as realtime

Any tips on making this more performant (more snappy)

edits: formating

---

<div class="post-metadata">

**Author:** ![azuliani](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@azuliani](https://community.weweb.io/u/azuliani)\
**Post date:** [March 30, 2025, 7:45pm UTC](https://community.weweb.io/t/need-help-with-data-heavy-complex-page/17502/3 "2025-03-30T19:45:40Z")

</div>

I managed to solve it!

I used an HTML element to dynamically create the grid. Works really well now 😃