# Enhancing SEO with Prerender.io **URL:** \ **Category:** feature\ **Created:** [November 13, 2023, 7:23am UTC](https://www.virtocommerce.org/t/enhancing-seo-with-prerender-io/647 "2023-11-13T07:23:09Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Maria-Volkova-Tula](https://yyz2.discourse-cdn.com/flex032/user_avatar/www.virtocommerce.org/maria-volkova-tula/32/1326_2.png) [@Maria-Volkova-Tula](https://www.virtocommerce.org/u/Maria-Volkova-Tula)\ **Post date:** [November 13, 2023, 7:23am UTC](https://www.virtocommerce.org/t/enhancing-seo-with-prerender-io/647/1 "2023-11-13T07:23:09Z")
# Enhancing SEO with [Prerender.io](http://Prerender.io) The current Virto Commerce theme, vc-theme-b2b-vue, uses the power of Single Page Applications (SPAs) to provide a unique, interactive, and fast user experience. However, while SPAs excel in user experience, they often pose challenges for search engines due to their dynamic nature. This dynamic behavior, which is a strength for user engagement, can become a hurdle in attracting organic traffic. To overcome these challenges, [Prerender.io](http://prerender.io/) represents as a valuable solution. [Prerender.io](http://Prerender.io) generates pre-rendered HTML snapshots for SPAs, significantly improving SEO-friendliness and Web Vitals metrics. This integration doesn’t require the adoption of complex Server-Side Rendering (SSR) frameworks like Next or Nuxt, preserving the simplicity of the presentation application. This guide explores how [Prerender.io](http://Prerender.io) provides a straightforward yet highly effective solution to boost the visibility, performance, and overall experience of Vue.js SPAs. ## Integration with vc-theme-b2b-vue In this article, we describe the results of [Prerender.io](http://Prerender.io) integration with the vc-theme-b2b-vue. A practical example is our site, [https://vcmp-dev-storefront.paas.govirto.com](https://vcmp-dev-storefront.paas.govirto.com), which is built on vc-theme-b2b-vue and uses the [Prerender.io](http://Prerender.io) service. ### Configuration Details The integration involved setting up a reverse proxy using Nginx in front of the VC storefront. Additionally, the vc-theme-b2b-vue and Prerender’s cloud service were installed. The Nginx reverse proxy was configured based on the [example](https://docs.prerender.io/docs/nginx-1). ![prerender-io](https://canada1.discourse-cdn.com/flex032/uploads/virtocommerce/original/2X/1/1250b41a31433d196fb38beec334c5008c520556.png) A notable configuration adjustment was made to ensure proper image loading on Server-Side Rendering (SSR) pages, requiring the activation of the image loading option in the [Prerender.io dashboard](http://Prerender.io). ![dashboard](https://canada1.discourse-cdn.com/flex032/uploads/virtocommerce/original/2X/d/d3286595cf671937f3726b40fe1b77ddd88db04f.png) ## Performance Evaluation To measure the impact of [Prerender.io](http://Prerender.io) on performance, a PageSpeed analysis was conducted for a category listing page. The comparison involved assessing the performance with and without SSR page rendering through [Prerender.io](http://Prerender.io). ![with-without-ssr-page](https://canada1.discourse-cdn.com/flex032/uploads/virtocommerce/original/2X/b/b40ab27b517c50f653c3edc5bb5fc4b568ee58d1.png) ## Conclusion The primary advantage of utilizing [Prerender.io](http://Prerender.io) for custom Virto Commerce frontend solutions, especially those with stringent SEO requirements, lies in its ability to enhance SEO without compromising the purity of the SPA architecture. This eliminates the need for substantial changes or investments in complex SSR frameworks like Nuxt.js. By avoiding server-side logic, [Prerender.io](http://Prerender.io) enables a streamlined frontend solution, eliminating concerns related to caching, scaling, server error handling, and logging – elements typically unnecessary for pure SPA applications. [Prerender.io](http://Prerender.io) offers a simplified and effective solution to enhance search engine visibility and performance without requiring extensive modifications to existing code. ## Additional Resources [SPA JavaScript SEO Challenges and Solutions - Prerender.io](https://prerender.io/blog/spa-javascript-seo-challenges-and-solutions/). ---
**Author:** ![OlegoO](https://yyz2.discourse-cdn.com/flex032/user_avatar/www.virtocommerce.org/olegoo/32/27_2.png) [@OlegoO](https://www.virtocommerce.org/u/OlegoO)\ **Post date:** [December 19, 2023, 8:26am UTC](https://www.virtocommerce.org/t/enhancing-seo-with-prerender-io/647/2 "2023-12-19T08:26:43Z")
## Additioan References: [Integrations - Enhancing SEO with Prerender.io - Developer Center (virtocommerce.org)](https://docs.virtocommerce.org/new/dev_docs/storefront-development/integrations/prerender_io/) [How-tos - Setting Up Prerender.io with Azure Application Gateway - Developer Center (virtocommerce.org)](https://docs.virtocommerce.org/new/dev_docs/Tutorials-and-How-tos/How-tos/setting-up-prerender-io-with-azure-app-gateway/)