Features
To ensure your 'like' button is 100% customizable, we've set up the component so that you can connect it to your own button design. Just ensure it has a "Default" and a "Liked" variant (naming is important), and a variable named "Amount" on a text layer serving as the counter.
We also need to store the like count for each like button. To do this, we're using Supabase's free plan. We must create a table in Supabase and add "slug", "button_id", and "ip_address" columns; all should be of the "text" type.
Once we have connected our like button to the component, we can paste in our Supabase API key and URL, along with our table name. We can also set a unique identifier for each like button to ensure separate counts.
Step / 01
Remix the project.
Step / 02
Copy the component.
Step / 03
Paste in your project and start using it.