Skip to content
Last update: July 16, 2024

Overview

vc-theme-b2b-vue is a fresh look in the field of ecommerce solutions. This is a place where common B2B and B2C scenarios are combined with the most bleeding edge technologies to deliver blazing fast and fully functional solutions.

This theme represents the VC Team's opinionated starting point for new projects. It strives to include up-to-date best practices and solutions that we have deemed needed for the majority of projects we build. It is a reflection of what is possible when building a theme.

Our Vue.js Starter Theme has an adaptive design that allows it to look smooth and natural on both desktop and mobile:

vc-theme-b2b-vue on desktop

Technologies and Frameworks Used

  • Vue3: Progressive frontend framework with its key features allowing one to build fast applications.

  • TypeScript: All components and composables have type definitions, so that IDE could help you build clean and working code.

  • TailwindCSS: The most popular and growing CSS framework providing wonderful flexible structure to speed up styling.

  • Husky + ESLint + Prettier: Autoformat, check, and fix your code and prevent ugly code style within repository.

  • Vite: Faster than Webpack, it is used to develop code with HMR benefits and build for production.

  • GraphQL : Use flexible GraphQL queries and mutations to safely work with back end.

Key Non-functional Capabilities

  • Development performance: Thanks to maximum reusing of exciting developer experience, such as server side functionality, web components and views, and ready made theme architecture, the risk of wrong design decisions for new projects is drastically reduced.

  • Client performance: We are supposed to reach and hold green metrics provided by Google PageSpeed Insights.

  • Decoupled structure: Presentation layer is decoupled from back end. Shared logic is decoupled from visual components. As a developer, you can concentrate on a single task without the need of massive code manipulations.

  • Atomic Design Pattern: Theme UI is based on atoms, molecules, and organisms, combined within pages and shared components. This provides a high level of code reusability.

  • Simple styling and theme customization: We use TailwindCSS to provide the easiest and most convenient way of CSS usage. Write as less code as possible and reuse the existing highly customizable framework features.

  • Fully aligned with Virto Commerce platform: This theme is just a visual representation, we are fully aligned with the platform to provide all common B2B and B2C scenarios Virto Commerce platform provides.

  • Fully responsive: We made our theme work on a number of devices, including desktop and mobile, being focused both on UI and UX.

  • Ultimate starting point for all new themes

Key Functionalities

The key functionalities include:

Working with vc-theme-b2b-vue

As a developer, you will be using vc-theme-b2b-vue as your ultimate starting point for a new theme. It contains numerous out-of-the-box features that are typical for B2B and B2C ecommerce projects. Along with ready made theme architecture and huge set of reusable components, it can significantly speed up your development process. To start developing a new theme, you just need to clone (fork) the theme project, and then you will be able to do any customization according to your needs.

Storefront demo site