Vue Storefront
lighthouse
Our great sponsors
Vue Storefront | lighthouse | |
---|---|---|
27 | 152 | |
10,427 | 27,741 | |
0.3% | 0.7% | |
9.5 | 9.5 | |
2 days ago | 7 days ago | |
TypeScript | JavaScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Vue Storefront
- Open Source Projects Made Using Vue.js
-
Vue Storefront and WooCommerce Integration
We're currently building an integration between Vue Storefront (https://www.vuestorefront.io/) and WooCommerce.
-
Building Headless Commerce with Nuxt 3, Shopify, and TailwindCSS
If you are looking for a production-ready Nuxt application with Shopify, check out https://www.vuestorefront.io/ and especially, the integration with Shopify https://docs.vuestorefront.io/shopify/.
-
Which Frontend Framework to Pick for Your E-commerce Storefront?
Vue Storefront is an open source frontend framework for headless ecommerce built on top of Vue.js. It provides ready-made integrations to existing ecommerce platforms and allows you to extend the framework to build your own integration.
-
How to enable Cache in Vue Storefront 2
To enable Cache on the browser level, we will be using a http-cache package from Vue Storefront that you can check out here.
-
Developing a webpage to sell audio books
For the storefront you have many options. For instance, there is Vue Storefront or Next.js Commerce.
-
8 Open Source Projects for Your Ecommerce Stack
Vue storefront is an open source platform that provides a storefront for ecommerce platforms. Although it integrates with many monolithic platforms, it is made specifically for headless commerce platforms.
-
Any headless commerce experts out there?
The point of headless is that your data can come from anywhere. Shopify can hold the product images, the prices, the inventory, or it could only deal with the order management and none of the product information. You could build all of your products in something like Contentful. Have a look at https://www.vuestorefront.io/ might give you a better sense of how these things can integrate together.
-
Don't Panic! - We got a new place for our VSF Forum!
Vue Storefront 2: https://github.com/vuestorefront/vue-storefront/discussions
-
Chasing the dream of Fullstack Open Source Ecommerce -> Vue Storefront & Vendure
I present to you the dream stack -> Vue Storefront & Vendure.
lighthouse
-
Top 20 Frontend Interview Questions With Answers
Google Core Vitals now represent the most important metrics to focus on when it comes to technical SEO. Google Core Vitals are a set of standardized metrics that Google uses to evaluate the user experience offered by a web page and assign it a technical SEO grade. Several tools exist to measure and report technical SEO performance, but the most reliable is Google Lighthouse.
-
help needed with lighthouse ci for angular, github actions, PROTOCOL_TIMEOUT: (Method: Debugger.disable)
- referred to https://github.com/GoogleChrome/lighthouse/issues/6512 but didnt see network.disable error - added staticdistdir as per https://github.com/GoogleChrome/lighthouse-ci/blob/main/docs/configuration.md,
-
Is Lighthouse a misleading performance tool?
There has been discussion about adding a visual indicator to make the mode more obvious, but it has not made it into Chrome devtools!
-
7 Proven Practices to Boost Development Speed and Project Quality
When we implemented the MVP of the fintech app, we had a quite complicated form. At that time, I was still young and inexperienced. And eventually, we realized that our project was slowing down. We had to spend additional hours figuring out the reason. We had many unnecessary re-renders because we ignored basic rules related to props in React. I wanted to do everything possible to avoid such situations in the future. So, I added to the project linters like this and an additional starting configuration to package.json to run why-did-you-render. In short, this plugin issues a warning if something is re-rendered unnecessarily and suggests how to avoid it. Also, we included running Lighthouse in headless mode. Some people say that premature optimizations are bad, but for me, it's a principle: do it right from the start.
-
Performance scores for Google Lighthouse/Insights seem to be very inaccurate
There's a link to what they mean by mobile network there (https://github.com/GoogleChrome/lighthouse/blob/main/docs/throttling.md) and it says:
-
How to store your app's entire state in the url
Here's the non-psuedo code equivalent that can leverage CompressionStream rather than using a browserified-gzip-library: https://github.com/GoogleChrome/lighthouse/blob/437eb4d757c5...
We use it in Lighthouse for the exact same purpose, a URL #hash full of state. We found that modern browsers support 10mb of data in the hash. https://github.com/GoogleChrome/lighthouse/pull/12509#discus...
-
Nightmare on Dev Street: Terrifying Situations to Make Your Spine Tingle
You can find out if your SaaS app is slowing down with Google Chrome Lighthouse. Lighthouse should be a staple in your monitoring because it lets you see the performance, accessibility, and SEO metrics related to your app's performance.
- Why your website should be under 14kb in size
-
Benchmarking Bun & Next against Deno and Fresh
Lighthouse: A tool developed by Google to measure a website’s performance using an average of six metrics.
- Top 25 Tips for Building an EXTREMELY FAST Website!!!
What are some alternatives?
axe-core - Accessibility engine for automated Web UI testing
Medusa - Building blocks for digital commerce
unlighthouse - Scan your entire site with Google Lighthouse in 2 minutes (on average). Open source, fully configurable with minimal setup.
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Turbolinks - Turbolinks makes navigating your web application faster
Weblate - Web based localization tool with tight version control integration.
LocalStack - 💻 A fully functional local AWS cloud stack. Develop and test your cloud & Serverless apps offline
lighthouse-ci - Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
OpenFaaS - OpenFaaS - Serverless Functions Made Simple
Gantt chart for React.JS - dhtmlxGantt with ReactJS
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)