/
/

Always in working.

Let`s Connect

< Return

2024-04-17 ยท Anwari Fikri
Dev Log
/assets/blogs/linktree-clone-finally-settling-on-my-tech-stack/thumbnail.png

Linktree Clone: Finally settling on my tech stack

Scroll to the bottom for project links.

I was working on a new website, using https://linktr.ee/ as inspiration. The concept is simple:

  • User Profiles: Each user has a profile.
  • Links/URLs: Users can link URLs to their profile.

Snapshot of creator page named @test_user

The main goal for this project is to try out Supabase for the backend, which includes CRUD operations:

  • Create: Signing up new users and adding new links.
  • Read: Accessing user data.
  • Update: Modifying URLs.
  • Delete: Removing unwanted links.

Supabase vs Firebase

I tried using Google Firebase before this and I was not a fan of it.

The main reason is that Google Firebase uses a NoSQL database, which is schema-less and document-oriented, whereas Supabase uses PostgreSQL, offering a relational database structure. I'm more familiar with the relational database since I learned it during my university studies.

๐ŸŒŽ Read more about Supabase vs Firebase

Nice documentation

The documentation is also pretty nice in my opinion and the usage is pretty straightforward. Here's an example of fetching creator links using creator ID from Supabase database:

Fetching creator links using creator ID

๐ŸŒŽ Supabase Documentation

Compatibility

The most important point for me is that Supabase works well with my current frontend technologies, which are Next.js and React. This makes development more enjoyable for me, as I can quickly search for guides and focus on the features that I want to implement.

Screenshots

Login page using Supabase Authentication

List of creators - each having their own email and username

Admin page - only accessible to the the links owner, also using Supabase Authentication

Conclusion

I will keep working on this website by integrating a more advanced supabase features to deepen my understanding. This includes implementing precise row-level security, defining effective table policies, and enhancing the overall data structure.

Links

๐ŸŒŽ Live URL

๐ŸŒŽ GitHub Repository

Random Blogs

Contact me

anwari.fikri@gmail.com


ยฉ 2023 | Anwari Fikri