- node@20+
- npm@10+
- @modyo/cli@latest
The best way to install this template is using the modyo-cli
npx @modyo/cli@latest get dynamic-react-base-template my-project
cd my-project
npm i
npm run start
- Change the property name in
package.json
to the name of your project - Change the root
id
property to your project name inpublic/index.html
andsrc/index.tsx
Note: The root id should be unique in your site and it should be written in camelCase.
For deploying your project to Modyo and integrating it with your CI/CD pipeline, follow these steps:
Configure the necessary environment variables in an .env
file or as part of your CI settings:
# Base URL of your Modyo organization
MODYO_ACCOUNT_URL=https://my-org.modyo.cloud/
# Either the host or the ID where you will deploy your micro frontend (not both)
# MODYO_SITE_HOST=my-site
MODYO_SITE_ID=65
# Token for authorizing the deployment, obtained from Modyo
MODYO_TOKEN=gT0ogV43LSy4nV9cYtc_hH0i_rUFa01q-12ptFzoW8
# Major version of the Modyo platform where the deployment will take place (8 or 9)
MODYO_VERSION=10
# Directory containing the micro frontend bundle
MODYO_BUILD_DIRECTORY=build
# Name to identify your Micro Frontend in Modyo
WIDGET_NAME=dynamic-react-base-template
# Directive necessary for safely removing some libraries from the liquid parser
MODYO_DISABLE_LIQUID_REGEX=raw
Find more information about microfrontends and configuration details on Modyo Docs & Modyo Community