Page Replica - Enhance SEO with Prerendering, Caching, and Static Page Serving

Showcase
1

Hi everyone,

A week ago, I released my web app built with Meteor: page-replica.com. Long story short, I was disappointed by Prerender.io. The cached pages were definitely not rendered correctly, and the price was simply too expensive. So, I built my own pre-rendering service.

I also published a free GitHub repository earlier this year that you can use to create your own pre-rendering tool: https://github.com/html5-ninja/page-replica.

if you have any question or need any helps please feel free ask .

8 Likes
2

Hey @zied.hosni

We will share this on TWIM #48 this week. Is there anything you think we should point out? Give me some bullet talking points.

Regards,
Alim
MeteorJS Dispatches

1 Like
4

Hi @alimgafar,

It would be an honor for me if you share my project. I have been a huge fan of MeteorJs since its inception. All of my personal projects are built with MeteorJs as I believe it is the best complete frontend/backend framework in the industry.

About me: I am a full-stack developer based in Canada, with experience in the news broadcasting and real estate industries. Pre-rendering and server-side rendering (SSR) are significant concerns in these sectors due to the large volumes of content that need to be properly indexed by search engines.

Now, back to Page-Replica.com. The inspiration behind this project stems from the challenges developers face with modern web applications when it comes to getting indexed by search engine bots. While frameworks like Next.js and other techniques exist today, I still see many teams struggling with this issue.

In the past, I used (Prerender io), but I was not satisfied with the rendered pages, and the pricing was extremely expensive, at least at my scale. So, early this year, I published my own tool: (GitHub - html5-ninja/page-replica: Page Replica – Tool for Web Scraping, Prerendering, and SEO Boost). It’s a simple tool that helps developers implement their own pre-rendering service using Puppeteer (headless Chrome). It has received positive feedback on GitHub and Hacker News (HN Discussion ).

A few months later, I released Page-Replica.com to manage pre-rendering. The web app is built with MeteorJS, and other microservices are built to run Puppeteer. The pre-rendered pages are stored and served through Azure Storage.

So, how does it work? After adding a site and validating ownership, you can create requests to pre-render pages. Essentially, Page-Replica bots will render the page, execute all JavaScript, remove the JavaScript, and copy the CSS into the document. The result is a beautifully rendered HTML file that can be served to bots using proxy configuration.

No matter what you are using for your web app—whether it’s React, Vue, Angular, or even WordPress—we will have an optimized rendered page ready to be indexed by search engine bots.

to summarize here the result with and exemple :

just check the html code and you will see the difference :slight_smile:

let me know if you need more information , thank you again

2 Likes
5

Any plans for a Meteor package to make this super easy to integrate?

1 Like
7

Yes, it’s on my to-do list. I plan to create a Meteor package to handle redirections similar to what Prerender io offer, and possibly one for Express as well. Any suggestions are welcome.

3 Likes
8

Are you open to coming on a future episode to demo using it in a project?

2 Likes
9

Absolutely :heart_eyes: , it will be a pleasure

1 Like
10

finally I got the time to build the meteor package :slight_smile:

5 Likes