Compose Your Frontend

Welcome to a curated collection of guides designed to help you bootstrap your micro-lc-based frontend! This tutorial offers a comprehensive walkthrough of micro-lc features and recommended practices, empowering you to build an orchestrated frontend from the ground up.

We've structured this guide in a logical, step-by-step manner, progressing from basic concepts to more complex topics. Each step culminates in a JSON configuration, the foundational element of micro-lc. We encourage you to test out these configurations in the micro-lc playground.

For those interested in a local setup, consider following our getting started guide. This tutorial also provides previews and areas for copy/pasting, allowing you to easily configure micro-lc according to your preferred step.

For the best learning experience, we recommend opening the playground in a separate tab, aligning it side-by-side with this guide, and updating the configuration in the playground as you progress.

Ready to dive in? Let's get started! 🐎

📄️ Step 1: How To Compose

tutorial step to review the process of html-to-json composition

📄️ Step 2: Compose Less By Reusing

tutorial step to introduce webcomponents as mfe fine graining

📄️ Step 3: Layout

tutorial step to define Layout for the website

📄️ Step 4: Applications

tutorial step to integrate mfe as applications

📄️ Step 5: Routing

tutorial step to tune routing of micro-lc parcels

📄️ Step 6: Make your parcel

tutorial step to create your custom micro-lc parcel

📄️ Step 7: Cross Communication

tutorial step to explain how MFEs can communicate in micro-lc

📄️ Step 8: Webserver

tutorial step to feed sources to micro-lc via backend