uicrooks / shopify-theme-lab

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
https://uicrooks.github.io/shopify-theme-lab-docs/
MIT License
727 stars 128 forks source link

Question: does this affect SEO in any way? #113

Closed loicnestler closed 2 years ago

loicnestler commented 2 years ago

Operating system

//

Node.js version

//

Shopify CLI version

//

Browsers

No response

Version

4 (Current)

Modifications

No response

Details

Not a bug but the issue template limits me to creating a bug-report.

I’m quite new to both Vue and Shopify and my question is, if this affects SEO in some way (as vue gets rendered client-side, similar to React) or if the vue templates are getting statically rendered to HTML on build?

Thanks in regards!

Notice

sergejcodes commented 2 years ago

Liquid/JSON templates are rendered to HTML. Vue components are rendered during the client-side execution.

But all modern search engines should be able to crawl sites with client-side generated content.

When in doubt you can use the renderless pattern for critical parts of your page. Here's an example from the foundation theme: Vue component, Liquid template