Hi everyone,
I'm planning to create a directory website similar to Yelp or Yellow Page that support SEO for popular search engines and also social media preview.
My current SPA (Single Page Application) framework is Angular. I've been building some internal Angular apps (don't care about SEO), but this time I got this initiative to build one for the public. I've explored some options to add SEO support for Angular.
Angular Universal => I have done spike for this one but I feel that it will be hard to maintain code for universal rendering.
Rendertron => seems great but worry about infrastructure cost and also wondering if it is scalable. Rendertron link
Looking at Yelp and Yellow Page, seems they are not built using SPA, maybe Python or PHP. It questions me whether this kind of public website is not the best case for SPA.
Do you have any suggestions about the approach that I should take? Do we have an example of a successful SPA for a public website?
Thank you in advance
Top comments (2)
Considering your goal for a directory website with SEO and social media preview, exploring Angular Universal for SEO support might be worth the effort, despite concerns about code maintenance. Another approach could be utilizing a headless CMS, like Strapi or Contentful, to manage content and improve SEO. As for the SPA vs. traditional website dilemma, successful public SPAs do exist; however, the key lies in striking the right balance between user experience and SEO optimization. If you're keen on examples, check out Airbnb's React-based SPA. Also, remember, how to create a site like Yelp involves not just the tech stack but also robust content management and user engagement strategies.
take a look at scully.io .... I have a site with a few thousand pages of content which is stored in firestore. the angular SPA s responsible for the frontend site but i use scully to render a static page which contains the latest content and seo optimizations but can be bootstrapped still with angular.