Virto Commerce Dev Training Program

dev
1

Here’s a core learning path for Virto Commerce Dev Training. Feel free to adjust and extend it with your sections.

Overview

The training course includes the following 4 parts:

Part 1. First Day on Virto Commerce
Part 2. Virto Commerce Module Development: New and Extensions
Part 3. Virto Commerce XAPI Development: New and Extensions
Part 4. Virto Commerce Frontend Development

:one: Part 1. First Day on Virto Commerce

Welcome to the dynamic realm of Virto Commerce!

While today marks your official “First Day,” I envision it as the gateway to a realm of modern architecture, cutting-edge innovations, and, most importantly, the business value you’re poised to inject into our implementations.

:eight_pointed_star: References:

Throughout your learning path, you’ll find valuable materials at the following resources:

:eight_pointed_star: Step 1: Introduction to Virto Commerce

Explore the official documentation for an overview of Virto Commerce, its architecture, and core concepts:

:man_technologist: Download and Review Virto Architectural Guidelines
:man_technologist: Review Virto Commerce Release Strategy
:man_technologist: Review How to Contribute to Virto Commerce

:check_mark: DoD:

  1. You have read the documents and clearly understand Virto Commerce Atomic Architecture - principles, responsibilities, releases, etc..

:eight_pointed_star: Step 2: .NET Development Fundamentals

Virto Commerce is built on .NET. Familiarise yourself with the .NET and 3rd-party components that are Virto Commerce Atoms:

:man_technologist:Review What are the skills required for Virto Commerce Developer?
:man_technologist:We recommend filling out Virto Commerce Developer Skills Assessment Checklist and adjusting the training program based on the response.

:check_mark: DoD:

  1. You have a clean understanding of 3rd party .NET libraries.
  2. Adjust the learning path with more topics if required.

:eight_pointed_star: Step 3. Install and run Virto Start ECommerce Sandbox on the local machine

Follow this getting started path, you can run Virto Start on the local machine.

Virto Start is built on top of a predefined set of platform modules, sample data and Virto Frontend.

:man_technologist: Deploy Virto Commerce Platform on Local Machine
:man_technologist: DeployVirto Commerce Frontend

:check_mark: DoD:

  1. Virto Start is running on your local machine with Virto Frontend and Virto Commerce with the e-commerce bundle, and Elasticsearch as a full-text search engine.
  2. Additionally, explore Public Demo Environment

Step 4. Virto Commerce ECommerce Configuration

You can start reviewing the core ECommerce Configuration

:man_technologist: Configure Sample Store

:man_technologist: Create and Configure Catalog - Deployment on Virto Cloud

:man_technologist: Configure Store - Deployment on Virto Cloud

:man_technologist: Set up Main Menu - Deployment on Virto Cloud

:man_technologist: Set up Footer - Deployment on Virto Cloud

:man_technologist: Brand Store - Deployment on Virto Cloud

:eight_pointed_star: Step 5. Update Virto Commerce Platform

:man_technologist:Update Virto Commerce Platform using Virto Commerce CLI

:eight_pointed_star: Summary:

This concludes Part 1 of your Virto Commerce learning journey. You’ve laid the groundwork for a deep dive into the intricacies of e-commerce development.

:two: Part 2. Virto Commerce Module Development: New and Extensions

Welcome to Day 2 — now that you’ve grasped the foundation of Virto Commerce, it’s time to start building and modifying modules. Today is focused on backend development, custom business logic, and module extensibility.

:eight_pointed_star: Step 1. Understand the Anatomy of a Virto Commerce Module

Explore how Virto modules are structured:
:man_technologist: Virto Commerce Module Structure Overview
:man_technologist: Use Virto Commerce Templates and Virto Commerce CLI (VC-BUILD)
:man_technologist: Virto Commerce Modules on GitHub

:check_mark: DoD:
You understand the folder structure, dependency injection, module manifest, and lifecycle methods (Install, Uninstall, Update).

:eight_pointed_star: Step 2. Extend an Existing Virto Module

Learn how to extend existing modules without forking them.
:man_technologist: Best Practices for Extensions and Inheritance
:man_technologist: Common Extension Scenarios

:check_mark: DoD:
You can implement a simple extension to an existing module (e.g., add a field to a data model or override a service).

:eight_pointed_star: Step 3. Use Platform Events and Handlers

Learn about domain events and event-driven architecture in Virto Commerce.
:man_technologist: Event Bus & Event Handlers in Virto

:check_mark: DoD:
You can subscribe to a domain event and write a custom handler reacting to it.

:eight_pointed_star: Step 4. Add Background Job and Scheduling

Explore how to run background tasks and scheduled jobs.
:man_technologist: Background Jobs in Virto Platform
:man_technologist: Hangfire – Background jobs and workers for .NET and .NET Core

An easy way to perform background processing in .NET and .NET Core applications. No Windows Service or separate process required. www.hangfire.io

:check_mark: DoD:
You can create a scheduled job and see it triggered via Hangfire dashboard.

:eight_pointed_star: Summary:

By the end of Day 2, you should feel confident extending, customizing, and enhancing Virto backend modules within a clean, upgrade-friendly approach.

:three: Part 3. Virto Commerce XAPI Development: New and Extensions

Day 3 focuses on exposing functionality via API — creating new endpoints, extending existing ones, and understanding Virto’s API layer.

:eight_pointed_star: Step 1. Explore XAPI Architecture

Understand how Virto exposes functionality through GraphQL.

:man_technologist: Overview of Virto XAPI Layer

:man_technologist: GraphQL UI Vs Postman

:check_mark: DoD:
You can explore APIs via GraphQL Playground, and understand how APIs map to backend services.

:eight_pointed_star: Step 2. Extend an Existing XAPI Controller

Add custom parameters into an existing XAPI query.
:man_technologist: Extending XAPI with Custom Parameter.

:check_mark: DoD:
You’ve added a new action and returned a custom response.

:eight_pointed_star: Step 3. Create a New XAPI Query/Mutations

Expose new functionality via a standalone controller.

:man_technologist: XAPI Module Templates

:check_mark: DoD:
You’ve created and tested a new XAPI controller with routing, request/response validation, and security.

Part 4. Virto Commerce Frontend Development

Day 4 shifts gears to the frontend. You’ll dive into Storefront customization and learn how to work with Vue 3, GraphQL, and Vite in the context of Virto.

:eight_pointed_star: Step 1. Frontend Architecture Overview

Explore how the Storefront app is structured.

:man_technologist: Frontend Architecture — Dev Docs

:man_technologist: Frontend GitHub

:check_mark: DoD:
You understand the role of pages, components, layouts, and GraphQL data fetching.

:eight_pointed_star: Step 2. Run and Explore the Frontend Locally

Spin up the local Storefront and connect to your backend.

:man_technologist: Setup Guide — Frontend App

:check_mark: DoD:
Storefront runs locally, with hot-reloading and a working connection to GraphQL backend.

:eight_pointed_star: Step 3. Customize a Page or Component

Make a visible customisation (e.g., banner text, product card layout).
:man_technologist: Tailwind UI Customization Guide
:man_technologist: Component Slots and Props

:check_mark: DoD:
You modified a component and verified your change in the browser.

:eight_pointed_star: Step 4. Work with GraphQL Data

Query backend data and display it on a page.
:man_technologist: GraphQL Client Usage in Storefront
:man_technologist: Common GraphQL Queries

:check_mark: DoD:
You wrote and integrated a GraphQL query in a Vue component and displayed backend data.

:eight_pointed_star: Summary

At this point, you’ve built a full-circle understanding — from backend logic and APIs to UI customisation and data integration.

1 Like