Prerequisites

Miva Store

• Miva Merchant > 10.0 CSSUI
• MivaScript Engine v5.33
• Database API: mysql

Note

If you need a store to experiment with, go to docs.miva.com/developers, click on the "Sandbox Store" link, and submit the form. A store should be created for you in a couple hours/days.

Development Experience

Be familiar with the following tools and concepts. Many of these tools will be used in the installation, customization, and development of your Genesis store.

Front-End Development

Understand the key concepts of the topics listed on roadmap.sh/frontend up until the "Pick a Framework".

This includes: Internet, HTML, CSS, JavaScript, Version Control Systems, Repo Hosting Services, Git, Web Security, Package Managers, CSS Architecture, CSS Processors, Task Runners, Linters & Formatters, & Module Bundlers.

• JavaScript
  • ES6
  • Webpack
  • Babel
  • BrowserSync
  • Node.js
  • Vue.js (only used in optional features){target=_blank}
• CSS
  • Responsive Web Design
    • Media Queries
    • Flexbox
    • CSS Grid
  • Sass
  • PostCSS

Miva Software & Development Knowledge

• Miva 9 Features
• Miva 10 Features
• Miva Admin Overview
• Developer Training Series
• mmt & Template Branches
  • mvps-mmt
    • Install and configure mmt and then go through Guided Tasks.

Development Software

• VS Code with Miva IDE
• Chrome DevTools
• FTP: Filezilla, Transmit, or any other FTP client
• Version Control: git and git-lfs
• Package managers: NPM, pnpm, pip
• Optionally, Software managers: brew (Mac) or chocolatey (PC)

Development Environment

Developers

The following software & tools are required for customizing & extending Genesis after it has been installed on a store.

Install Software

Install with Package ManagersInstall Manually

Mac:

1. Install brew.sh
2. Install git, git-lfs, node, python, and pip with the following command
   Terminal

   brew install git git-lfs node python pip
   

PC:

1. Install Chocolatey
2. Install git, git-lfs, node, python, and pip with the following command
   Terminal

   choco install git git-lfs nodejs python pip
   

• Install Git
• Install Git LFS
• Install Node & NPM
• Install Python 3
  • Install pip3

Install Node Packages

Terminal

npm install -g pnpm
pnpm install -g @mvps-genesis/cli

Install Python Packages

Terminal

pip3 install miva-mmt

Verify Installation

Verify that you have CLI access to the following programs:

• node
• pnpm
• git
• python3
• pip3
• genesis
• mmt

You can confirm this by running the following command:

Terminal

node --version && pnpm --version && git --version && python3 --version && pip3 --version && genesis --version && pip3 show miva-mmt | grep Version

Then, you should receive an output similar to the following:

Terminal

v17.9.0 # node
6.32.11 # pnpm
git version 2.36.1 # git
Python 3.9.13 # python
pip 22.1.1 from /Users/ssoule/homebrew/lib/python3.9/site-packages/pip (python 3.9) # pip
1.2.1 # genesis
Version: 1.0.1 # mmt