Node(Express.js) Integration Guide
Improve SEO for dynamic front-ends by serving pre-rendered HTML to search engine bots using Express.js middleware.
Important:
This integration can not be installed directly into a React,Angular or Vue project.
Only use this integration if Express is handling every incoming connection and not just API calls.
This integration uses the prerender-node
middleware to detect bots and route them through Prerender’s rendering service.
Video guide:
Prerender token
The location of the Prerender token has changed. You can find it under the Security and Access menu under Prerender Token.
Text guide:
1. Install the prerender-node Middleware
Open a terminal and run the following command in your Express.js project directory:
npm install prerender-node --save
2. Add Prerender Middleware to Your App
In your main server file (commonly app.js
or server.js
), add the following code before any route handlers:
app.use(require('prerender-node').set('prerenderToken', 'YOUR\_TOKEN'));
Replace 'YOUR_TOKEN_HERE'
with your actual Prerender Token, found in the Prerender.io dashboard under Security and Access menu.
3. Restart Your Application
After saving your changes, restart your Express.js app so the middleware takes effect:
npm start
Or, if you're using a process manager like pm2
:
pm2 restart your-app-name
Verify Your Installation
After integration, it’s important to verify that everything is working as expected. We’ve provided an easy-to-follow guide to help you test your setup and confirm that Prerender is functioning properly.
Is the Prerender integration working on other pages?
Test if the Prerender integration works on the other pages based on this guide: Verify the integration
If you don't see the Prerender headers / IDs, then the Integration is not working, which might be why the other URL is not cached
Getting an Error?
If you see the message "Prerender Integration Not Detected," you can refer to the troubleshooting guide here to help resolve the issue.
Expert Assistance
For those who need additional help or want to ensure a smooth and secure launch, we offer a specialized package:
Kickstart Package
Price: $800 (one-time payment)
This one-time package empowers you with expert setup and configuration, ensuring a smooth and secure launch.
Features:
- Three setup and configuration sessions with our experts
- Onboarding assistance
- Security assessment
To learn more about this package or to purchase, visit the Packages section under the Billing menu in your Prerender dashboard.
Get Support
If you're still encountering issues after implementing Prerender:
- Review your implementation against our documentation
- Contact our support team:
- Email: support@prerender.io
- Support Ticket: Submit a ticket
- Chat: Available from your Prerender dashboard
To help us resolve your issue as quickly as possible, please gather and include any relevant information, such as:
- Error messages you're seeing
- Steps you've already taken to troubleshoot
- Screenshots or screen recordings (if applicable)
Providing these details up front will help our team diagnose the problem more efficiently and get you back on track faster.
Related Articles / FAQs
- How Can I Integrate Prerender With My React/Angular/Vue Application?
- Available integrations
- How to add multiple domains?
- How to integrate Prerender with Cloudflare?
- How to add additional bots (integrations maintained by Prerender)
- How to check cached versions of your URLs?
- Why Am I Seeing 403 or 404 Errors After Integrating Prerender?