Firebase Integration Guide

1. Begin by integrating Cloudflare with your domain. 

   This requires you to go to your domain registrar's DNS settings, remove the existing name servers, and replace them with the ones provided by Cloudflare.
   Access the DNS menu in Cloudflare to find the necessary name servers.
   
   
   

2. Update DNS Records in Cloudflare

   Save your changes in Cloudflare, then add the DNS records we get from Firebase.
   Navigate to Firebase, select your project, and add your domain as a custom under Build -> Hosting menu point. Add the A and TXT records provided by Firebase to Cloudflare, ensuring the proxy status is enabled for the A record.

   
   
   

3. Verify Domain with Firebase

   After adding the DNS records, use Firebase's "Verify" option to confirm the setup. The DNS update process may take a few minutes, so feel free to proceed with the next steps. 

4. Configure Additional Domains

   If you have a www version of your domain, then add that also to Firebase,  and add a corresponding CNAME record provided by the Firebase dashboard in Cloudflare for www, ensuring the proxy status is enabled, and then save your changes.

   
   

    

5. Deploy Cloudflare Worker for Prerender

   Click on Workers & Pages

6. Create a new worker

• • Open your Cloudflare Dashboard and click on Compute(Workers) and select  Workers & Pages on the left side
    
    
    
  • Then click on Create on the Worker Overview page.
    
    
    
  • Then click on the "Create Worker" button.
    
    
    
  • Give your worker a descriptive name. e.g.: prerender-worker
    
    
    
  • Click on the Deploy button at the bottom right to initialize the worker.  
    

7. Add the Prerender worker's code

• • Click on "Edit Code"
    
    
    
  • Replace the example code with the worker's source code
    Copy the Cloudflare worker's source code from this link.
    
    
    
  • Save the changes by clicking on Deploy.
    

8. Configure the worker

• • Step back to the previous interface by clicking on your worker's name on the top left. 

• • Go to Settings and add the zone and routes for your site. 
    
    
    
  • Click on +Add at Domains & Routes
    

• • Select route
    

• • Add a Route pattern that matches your site and select the Zone where your site is located.
    Examples of the Route setting: 

• • You can add a route specific to your subdomain. If you want to test Prerender on just one of your domains or subdomains, you can add another route to the worker later.
    

• • Select Failure more:
    
    
    
  • Click on Add Route to save the setting.
    

9. Add the Prerender token as an Environment Variable.

• • Next to Variables and Secrets, click on +Add
    

• • Copy your Prerender token from your dashboard
    Add your Prerender.io Token from the Security and Access menu.
    
    

• • Add a text variable named "PRERENDER_TOKEN" and set its value to the token from your dashboard. Then, click Deploy.
    
    

It might take a couple of minutes for the integration to start working after the final deployment.