Skip to content
Submitted 27 days ago

link-sharing-app

react, react-router, supabase, typescript, react-testing-library
P
toshirokubota•1,320
@toshirokubota
A solution to the Link-sharing app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What challenges did you encounter, and how did you overcome them?

I struggled a bit for drag-and-drop features, as it was working intermittently. It turned out that it did not work with the touch simulation disabled on Firefox.

I was able to integrate Supabase to the backend. I disabled it for the published live site, as I was not sure how to share it without exposing the key. If you can suggest me how, that would be great.

What specific areas of your project would you like help with?

I would like to know how to integrate github/github-pages and Subspace. So I do not want to publish the Subspace key on Github but still have it accessible for the Live version. Would it be possible without some elaborate backend hosting?

Any suggestions/feedbacks are highly appreciated!

Code

Please log in to post a comment

Log in

Community feedback

  • Harsh Kumar•3,430
    @thisisharsh7

    Great work on implementing the solution!

    Simple Tips:

    • GitHub Pages can’t hide secrets. Use something like Netlify or Vercel — they let you store keys safely.

    • If you're using Supabase's public (anon) key, it's fine to expose it, as long as you set proper security rules (Row Level Security).

    • Never push your .env file to GitHub — it may contain keys.

    Why Is .env Showing on GitHub?

    Make sure .env is listed in .gitignore.

    If it’s still showing up, you might have added it to Git already. To fix:

    git rm --cached .env
echo ".env" >> .gitignore
git commit -m "Remove .env from repo"
git push

    Suggestions

    • Pick either Netlify or Vercel for hosting.

    • Store your Supabase key in their environment settings.

    • Don’t use GitHub Pages if you want to keep secrets hidden.

    Hope this helps. Happy Coding!

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord