Hi Vue-er! I have an exciting project I’d like to share with you.
First, let me ask you: What do you use to make a website built with Vue.js SEO-friendly?
…
Are you thinking of Nuxt.js right away?
Great! I think so too; Nuxt.js is indeed perfect for building an SEO-capable website on the Vue.js platform.
However, personally, I’ve always dreamed of a universe where I can use only Vue.js and still achieve good SEO. Because… I’m lazy.
<img src="https://media.daily.dev/image/upload/s--uo4SSMVJ--/f_auto/v1726594224/ugc/content_68dd12d1-23dd-4564-8581-6d944440ce07" alt="_7389f389-c207-4a06-8b65-04b64b893c04">
So, I decided to seek an alternative path, another universe that could accommodate my laziness and that of my fellow developers… lol.
My “lazy” project was inspired by a service that already exists in the market called <a href="https://prerender.io" target="_blank" rel="noopener nofollow">Prerendering.io</a>. This service offers an independent approach, utilizing “Dynamic Rendering” techniques to provide SEO capabilities for websites built entirely with client-side rendering in JavaScript. This is fantastic, as it means frontend developers can focus entirely on UI/UX, business requirements, and self-testing, rather than spending a significant amount of time dealing with server-side issues. However, using <a href="https://prerender.io" target="_blank" rel="noopener nofollow">Prerendering.io</a> comes with some challenges, including costs and the need to build a proxy server to integrate the service. Even if one can afford it and has the capability to build a proxy server for integration, a frontend developer may lack the experience to tackle other server-side issues.
Seeing this problem, something compelled me to dedicate myself to solving it. After much effort, and with the invaluable support of the geniuses at Google, Stack Overflow, and various chatbots, I finally realized my dream—and, of course, that of my fellow developers… lol.
This product utilizes key technologies, including uWebsocketsJS and Puppeteer, to build a server and crawler for implementing Dynamic Rendering in the project. It is also integrated into a pre-existing Vue.js frontend framework.
I have yet to give my product a specific name or publish it on platforms other than GitHub. Therefore, I will share it as a GitHub link so that Vue enthusiasts can easily refer to the README and clone it for experimentation if they are interested in the product.
I have two versions for Vue.js, differentiated by the build tool used in the project: Vite and Webpack.
Vite version 
<a href="https://github.com/anhchangvt1994/vite-project-template-vue__seo-web-scraping" target="_blank" rel="noopener nofollow">https://github.com/anhchangvt1994/vite-project-template-vue__seo-web-scraping</a>
Webpack version 
<a href="https://github.com/anhchangvt1994/webpack-project-template-vue__seo-web-scraping" target="_blank" rel="noopener nofollow">https://github.com/anhchangvt1994/webpack-project-template-vue__seo-web-scraping</a>
As a bonus, here’s a demo tool that provides a more visual understanding of some of the standout features offered by the product (due to low VPS configuration, you may encounter “Too many requests” issues; I appreciate your understanding): 
<a href="https://lighthouse-auto-optimization-compare.vercel.app" target="_blank" rel="noopener nofollow">https://lighthouse-auto-optimization-compare.vercel.app</a>
This can be considered an invention developed from the idea of another invention; it may continue to exist and evolve or not, but the value it brings will last forever.
“We wished we could fly in the sky, and after all our efforts, we created the airplane. And now, we have flying cars and flying people.”
Thank you all for taking the time.

Hey there! Welcome to The Looop Tech - Vue.js. I’m your host IGC , your friendly neighborhood Vue.js enthusiast! Join me each week as I chat about the latest Vue.js news, share fun tips, and dive into all things Nuxt.js. It’s just me here, so if you’

Vuejs&Nuxtjs

Explore a project that aims to make Vue.js websites SEO-friendly without relying on Nuxt.js. This initiative uses dynamic rendering techniques, leveraging uWebsocketsJS and Puppeteer, to allow frontend developers to focus on UI/UX without server-side burdens. The project includes templates for both Vite and Webpack build tools and offers an alternative to services like Prerendering.io.

NuxtJS or only VueJS