Member-only story

Store PDF on Firebase Storage and Load it on Your Website

Renee LIN
3 min readSep 29, 2022

--

https://www.geeksforgeeks.org/firebase-introduction/

Firebase is handy to use if you want to fire up a simple website quickly. I wrote about how to host a BI report webpage using Firebase before. This week, I want to create a website providing sheet music(PDF format) from the game Final Fantasy 14. So I need to use its storage and a piece of code rendering PDF files.

  1. Firebase Storage
  2. React-PDF
  3. CORS Error : Access-Control-Allow-Origin

1. Firebase Storage

The storage is under the same ‘Build’ category as the ‘Hosting’.

In the storage section, you can upload your file to the default bucket. As a free user, I can’t create more buckets.

Click the file to find detailed information(such as the file URL ). In this way, I can just use the console to manage my files.

--

--

Renee LIN
Renee LIN

Written by Renee LIN

Passionate about web dev and data analysis. Huge FFXIV fan. Interested in health data now.

No responses yet