This worker sample code lets users who host their website code on static hosting services (such as AWS S3, GitHub Pages...etc) and use Cloudflare for content delivery to use Prerender to prerender their sites for search engines and other bots.
The install guide assumes that you already have a site hosted through Cloudflare.
-
Select your site on the Cloudflare dashboard.
-
Navigate through
Workers -> Manage workers -> Create a worker. -
Copy and paste the content of index.js over the code editor on the left hand side, overwriting its current content. Please note the name of the worker for later reference(top-left corner).
-
Replace your
API_KEYvalue with your actual API key from the Prerender dashboard, and edit thePRERENDERED_DOMAINSarray to match your site configuration.
Note: Do not send a test request yet, as the site mapping is not yet done. We'll do that later.
-
Click
Save and Deployand navigate back to your workers as explained in step 2, but instead of clickingManage workers, clickAdd route. -
Edit your route to match your site config (e.g.
example.com/*to cover your whole site on the Apex domain, or*.example.com/*if you want to cover all subdomains too).
-
Click save and you should be good to go!
Note: Optionally you can now go back to test or debug your worker as shown in step 3, but remember to replace the entire workker URL with your actual site URL (or add your worker URL to the
PRERENDERED_DOMAINSarray).