snipcart / Vue Seo Prerender
Vue.js Tutorial: A Prerendered, SEO-Friendly Example
Stars: ✭ 139
Projects that are alternatives of or similar to Vue Seo Prerender
vue-seo-friendly-spa-template
Vue.js PWA/SPA template initially scaffolded with vue-cli and configured for SEO. Makes use of prerendering and other techniques/packages in order to achieve a perfect "Lighthouse Score".
Stars: ✭ 41 (-70.5%)
Mutual labels: seo, prerender
parcel-plugin-prerender
No description or website provided.
Stars: ✭ 42 (-69.78%)
Mutual labels: seo, prerender
Prep
Pre-renders your web app (React, Vue, Angular, ...) into static HTML based on your specified routes enabling SEO for single page applications.
Stars: ✭ 371 (+166.91%)
Mutual labels: seo, prerender
react-seo-friendly-spa-template
React PWA/SPA template initially scaffolded with CRA (Create React App) and configured for SEO. Makes use of prerendering and other techniques/packages in order to achieve a perfect "Lighthouse Score".
Stars: ✭ 24 (-82.73%)
Mutual labels: seo, prerender
server-render-javascript
Prerender your javascript web page for better seo with PhantomJS. ⚠️ no es6 supported.
Stars: ✭ 12 (-91.37%)
Mutual labels: seo, prerender
React Snap
👻 Zero-configuration framework-agnostic static prerendering for SPAs
Stars: ✭ 4,565 (+3184.17%)
Mutual labels: seo, prerender
Prerender Spa Plugin
Prerenders static HTML in a single-page application.
Stars: ✭ 7,018 (+4948.92%)
Mutual labels: seo, prerender
Magento 2 Seo
Magento 2 SEO extension will do perfectly for your better SEO. This is a bundle of outstanding features that are auto-active when you install it from Mageplaza without any code modifications. It is also friendly with your store if you need to insert meta keywords and meta descriptions for your product.
Stars: ✭ 99 (-28.78%)
Mutual labels: seo
Laravel Seo Tools
Laravel Seo package for Content writer/admin/web master who do not know programming but want to edit/update SEO tags from dashboard
Stars: ✭ 99 (-28.78%)
Mutual labels: seo
Seo Panel
World's first seo control panel for multiple websites
Stars: ✭ 96 (-30.94%)
Mutual labels: seo
Serverless Sharp
Serverless image optimizer for S3, Lambda, and Cloudfront
Stars: ✭ 102 (-26.62%)
Mutual labels: seo
React Structured Data
React Structured Data provides an easy way to add structured data to your React apps
Stars: ✭ 120 (-13.67%)
Mutual labels: seo
Search Engine Optimization
🔍 A helpful checklist/collection of Search Engine Optimization (SEO) tips and techniques.
Stars: ✭ 1,798 (+1193.53%)
Mutual labels: seo
Gatsby Remark Social Cards
Gatsby remark plugin for generating social card graphics
Stars: ✭ 95 (-31.65%)
Mutual labels: seo
Craft Seomatic
SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 3. It is a turnkey SEO system that is comprehensive, powerful, and flexible.
Stars: ✭ 135 (-2.88%)
Mutual labels: seo
Laravel Seo
SEO package made for maximum customization and flexibility
Stars: ✭ 130 (-6.47%)
Mutual labels: seo
Open Graph
Library that assists in building Open Graph meta tags
Stars: ✭ 112 (-19.42%)
Mutual labels: seo
Vue.js Tutorial: A Prerendered, SEO-Friendly Example
Here at Snipcart, we love Vue.js, but are entirely aware of the SEO issues with a Vue.js singe-page application.
In this tutorial, I want to show JS developers how easy it is to make Vue SEO-friendly.
Covering:
- General SEO tips you should always apply.
- Specific Vue.js SPA SEO issues.
- Tools to fix them with server-rendering & prerendering.
- A technical Vue.js SEO example using prerender-spa-plugin.
This repo contains the code for a demo e-commerce web app built with Vue.js 2.0 & Snipcart. For SEO purposes, prerendering is handled with prerender-spa-plugin.
Enjoy folks!
Build Setup
# install dependencies
npm install
# build for production with minification
npm run build
For detailed explanation on how things work, consult the docs for vue-loader.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].