Skip to main content
  1. All Posts/

vue-storefront

eCommerce TypeScript


Lightning-Fast Frontend Platform for Headless Commerce

Vue Storefront is the most popular and most advanced Frontend Platform for eCommerce.



<p>
  </a>
</p>

<p>
  <a rel="nofollow noopener" target="_blank" href="http://commitizen.github.io/cz-cli/"></p> 
  
  <p>
    </a>
  </p>
  
  <p>
    <a rel="nofollow noopener" target="_blank" href="https://coveralls.io/github/vuestorefront/vue-storefront/?branch=next"></p> 
    
    <p>
      </a>
    </p>
    
    <blockquote>
      <h1 dir="auto">
        <a rel="nofollow noopener" target="_blank" id="user-content-techforukraine" class="anchor" aria-hidden="true" href="#techforukraine"></a>#TechForUkraine
      </h1>
      
      <p>
        <a rel="nofollow noopener" target="_blank" href="https://user-images.githubusercontent.com/1626923/155853691-d6d0a541-d3b9-40bf-b8f5-2d38303e9e49.png"></a>
      </p>
      
      <h2 dir="auto">
        <a rel="nofollow noopener" target="_blank" id="user-content-russias-military-aggression-against-ukraine" class="anchor" aria-hidden="true" href="#russias-military-aggression-against-ukraine"></a><strong>Russia’s military aggression against Ukraine.</strong><br />
      </h2>
      
      <h3 dir="auto">
        <a rel="nofollow noopener" target="_blank" id="user-content-how-can-you-support-ukrainian-civil-society" class="anchor" aria-hidden="true" href="#how-can-you-support-ukrainian-civil-society"></a>How can you support Ukrainian civil society?
      </h3>
      
      <p>
        All help is needed. If you are not able to help locally, by sheltering a fellow Ukrainian, you can also:
      </p>
      
      <ul dir="auto">
        <li>
          Support the Ukraine Armed forces directly by sending funding to the special accounts.<br /> <a rel="nofollow noopener" target="_blank" href="https://bank.gov.ua/en/news/all/natsionalniy-bank-vidkriv-spetsrahunok-dlya-zboru-koshtiv-na-potrebi-armiyi">NBU Special Account to Raise Funds for Ukraine’s Armed Forces</a>
        </li>
        <li>
          Help the ICRC (Red Cross) with donations.<br /> <a rel="nofollow noopener" target="_blank" href="https://www.icrc.org/en/where-we-work/europe-central-asia/ukraine">Ukrainian<br /> Red Cross Society</a>
        </li>
        <li>
          Donate to the United Help Ukraine.<br /> <a rel="nofollow noopener" target="_blank" href="https://unitedhelpukraine.org/">United Help Ukraine</a>
        </li>
        <li>
          Donate to Voices of Children<br /> <a rel="nofollow noopener" target="_blank" href="https://voices.org.ua/en/">Voices of Children</a>
        </li>
      </ul>
    </blockquote>
    
    <p>
      <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/2a7ecb69dccc746880cd76ec83b8cd4ddba6d4f3ff1461d0a6eebd2735109c13/68747470733a2f2f626c6f672e76756573746f726566726f6e742e696f2f77702d636f6e74656e742f75706c6f6164732f323032302f30332f332d76696577732d5675652d53746f726566726f6e742d2e706e67"></a>
    </p>
    
    <h1 dir="auto">
      <a rel="nofollow noopener" target="_blank" id="user-content-supported-platforms" class="anchor" aria-hidden="true" href="#supported-platforms"></a>Supported platforms
    </h1>
    
    <p>
      <a rel="nofollow noopener" target="_blank" title="commercetools" href="https://docs.vuestorefront.io/v2/commercetools/"></p> 
      
      <p>
        </a><br />   
      </p>
      
      <p>
          
      </p>
      
      <p>
          
      </p>
      
      <p>
          <br /> <a rel="nofollow noopener" target="_blank" title="Salesforce Commerce Cloud" href="https://docs.vuestorefront.io/sfcc/"></p> 
        
        <p>
          </a><br />   
        </p>
        
        <p>
            <br /> <a rel="nofollow noopener" target="_blank" title="BigCommerce" href="https://docs.vuestorefront.io/bigcommerce/"></p> 
          
          <p>
            </a><br />   
          </p>
          
          <p>
              
          </p>
          
          <p>
              
          </p>
          
          <p>
              
          </p>
          
          <p>
              
          </p>
          
          <p>
              
          </p>
          
          <p>
              
          </p>
          
          <p>
              <br /> <a rel="nofollow noopener" target="_blank" href="https://user-images.githubusercontent.com/1626923/160184104-f4820722-3eff-4c8e-b33b-8134bc1dd78a.png"></a><br />   
          </p>
          
          <p>
            <a rel="nofollow noopener" target="_blank" href="https://docs.vuestorefront.io/v2/integrations/">Learn more about available integrations</a>
          </p>
          
          <h2 dir="auto">
            <a rel="nofollow noopener" target="_blank" id="user-content-links" class="anchor" aria-hidden="true" href="#links"></a>Links
          </h2>
          
          <ul dir="auto">
            <li>
              🖥 Demo: <a rel="nofollow noopener" target="_blank" href="https://demo.vuestorefront.io/">https://demo.vuestorefront.io/</a>
            </li>
            <li>
              📦 Installation: <a rel="nofollow noopener" target="_blank" href="https://docs.vuestorefront.io/v2/getting-started/installation.html">https://docs.vuestorefront.io/v2/getting-started/installation.html</a>
            </li>
            <li>
              📘 Documentation: <a rel="nofollow noopener" target="_blank" href="https://docs.vuestorefront.io/v2/">https://docs.vuestorefront.io/v2/</a>
            </li>
            <li>
              👥 Discord Community: <a rel="nofollow noopener" target="_blank" href="https://discord.vuestorefront.io/">https://discord.vuestorefront.io/</a>
            </li>
            <li>
              🐦 Twitter: <a rel="nofollow noopener" target="_blank" href="https://twitter.com/VueStorefront">https://twitter.com/VueStorefront</a>
            </li>
            <li>
              🎥 YouTube: <a rel="nofollow noopener" target="_blank" href="https://www.youtube.com/c/VueStorefront">https://www.youtube.com/c/VueStorefront</a>
            </li>
            <li>
              🌟 Over 1000+ Live Stores, check the list!
            </li>
          </ul>
          
          <h2 dir="auto">
            <a rel="nofollow noopener" target="_blank" id="user-content-the-business-challenges" class="anchor" aria-hidden="true" href="#the-business-challenges"></a>The business challenges
          </h2>
          
          <p>
            Vue Storefront solves a set of key business challenges from the world of the shopping experience. Our goal is to provide the solution with:
          </p>
          
          <ul dir="auto">
            <li>
              ultrafast front-end for the store &#8211; with the PWA approach, we can now render the catalog of products within milliseconds;
            </li>
            <li>
              endurance for traffic overloads on the store;
            </li>
            <li>
              off-line shopping capabilities;
            </li>
            <li>
              smooth shopping experience close to the user experience from the native mobile applications;
            </li>
            <li>
              all-in-one front-end for desktop and mobile screens with no necessity for maintaining 3 or more applications for different touchpoints (web browser, Android, iOS, etc.).
            </li>
            <li>
              rapid development without architecture limitations.
            </li>
          </ul>
          
          <h2 dir="auto">
            <a rel="nofollow noopener" target="_blank" id="user-content-the-headless-architecture" class="anchor" aria-hidden="true" href="#the-headless-architecture"></a>The headless architecture
          </h2>
          
          <p>
            <a rel="nofollow noopener" target="_blank" href="https://user-images.githubusercontent.com/1626923/156937729-bab22505-89f5-488b-9dd1-d2d7c7ad9600.jpg"></a>
          </p>
          
          <h2 dir="auto">
            <a rel="nofollow noopener" target="_blank" id="user-content-contributing" class="anchor" aria-hidden="true" href="#contributing"></a>Contributing
          </h2>
          
          <p>
            If you like the ideas behind Vue Storefront and want to become a contributor &#8211; join our <a rel="nofollow noopener" target="_blank" href="https://discord.vuestorefront.io/">Discord server</a>, check the list of the active issues or contact us directly via contributors(at)vuestorefront(dot)io.<br /> If you have discovered a 🐜 or have feature suggestion, feel free to create an issue on Github.
          </p>
          
          <h2 dir="auto">
            <a rel="nofollow noopener" target="_blank" id="user-content-support-us" class="anchor" aria-hidden="true" href="#support-us"></a>Support us
          </h2>
          
          <p>
            <strong>Vue Storefront is and always will be Open Source, released under MIT Licence.</strong><br /> You can support us in various ways:
          </p>
          
          <ul dir="auto">
            <li>
              <strong>Contribute</strong> &#8211; this is how the Core Team is supporting the project!
            </li>
            <li>
              <strong>Evangelize</strong> &#8211; tweet about us, take some speaking slot at a tech conference, etc.
            </li>
          </ul>
          
          <h2 dir="auto">
            <a rel="nofollow noopener" target="_blank" id="user-content-partners" class="anchor" aria-hidden="true" href="#partners"></a>Partners
          </h2>
          
          <p>
            Vue Storefront is a Community effort brought to You by our great Core Team and supported by the following companies.<br /> <strong>See Vue Storefront partners directory</strong><br /> Vue Storefront source code is completely free and released under the MIT License.
          </p>
          
          <p>
          </p>