Skip to content

Onboarding Guide — Welcome to Forma3D.Connect

Version: 1.0 Date: March 19, 2026 Status: Active Audience: New team members (developers, designers, product)

Welcome to the team! This guide is your map through the Forma3D.Connect documentation and codebase. It tells you what to read, in what order, and why — so you can go from zero to productive in about three days.


The Documentation Map

The documentation is organized in numbered folders (00–10). The diagram below shows how they relate and the recommended reading flow:

uml diagram


Your Onboarding Journey

The journey is split into five stages. Each builds on the previous one. Follow the numbered path:

uml diagram


Stage 1: Understand the Business (Day 1 Morning)

Goal: Understand what Forma3D.Connect is, why it exists, and who it serves.

uml diagram

Reading List

# Document Time What You'll Learn
1 docs/README.md 10 min The documentation index — your table of contents
2 01-business/vision.md 20 min Why the project exists, objectives, stakeholders, success criteria
3 01-business/requirements.md 20 min What the system must do (functional) and how well (non-functional)
4 02-strategy/README.md 15 min Strategy 2026: ambition, three pillars, KPIs, enablers

Key Concepts to Grasp

Term Definition
Print-on-Demand (PoD) Manufacturing model where products are only produced when ordered
Print Farm Collection of 3D printers operated together for production
SimplyPrint Cloud-based print farm management software (our production backend)
Shopify E-commerce platform (our sales frontend)
Sendcloud Shipping aggregator for label generation and tracking
GridFlock / Gridfinity Parametric grid-based storage organizer products (our main product line)
Forma3D.Connect This system — the automated bridge between Shopify, SimplyPrint, and Sendcloud

Stage 2: Explore the Architecture (Day 1 Afternoon)

Goal: Understand how the system is built — services, data flows, events, patterns.

uml diagram

Reading List

# Document Time What You'll Learn
5 03-architecture/README.md 15 min Microservice overview, ports, infrastructure
6 technology-stack.md 15 min Every technology in the stack and why it's there
7 c4-model/1-context/ 10 min System boundaries: actors, external systems
8 c4-model/2-container/ 15 min Service topology, databases, queues, data flows
9 patterns/README.md 20 min Architectural and design patterns catalog
10 adr/ADR.md 30 min Skim titles; deep-read ADRs relevant to your area

System at a Glance

uml diagram


Stage 3: Set Up Your Environment (Day 2 Morning)

Goal: Get the application running locally on your machine.

uml diagram

Reading List

# Document Time What You'll Learn
11 environment-setup.md 60 min Prerequisites, clone, install, configure, run, verify
12 runbook.md 15 min How to operate, debug, and monitor the services
13 troubleshooting.md 10 min Common issues and their solutions

Verification Checklist

  • curl http://localhost:3000/health returns {"status":"ok"}
  • Swagger UI loads at http://localhost:3000/api/docs
  • React dashboard loads at http://localhost:4200
  • Prisma Studio opens at http://localhost:5555
  • pnpm test runs without failures

Stage 4: Learn How We Work (Day 2 Afternoon)

Goal: Understand the development workflow, branching strategy, and how features go from idea to production.

uml diagram

Reading List

# Document Time What You'll Learn
14 trunk-based-development-workflow.md 15 min Git branching strategy, PR workflow
15 feature-implementation.md 20 min Research → Prompt → AI-first loop pattern
16 implementation-plan.md 15 min Development phases, what's done, what's next
17 project-inception.md 15 min How the project started: vision → requirements → roadmap
18 pipeline-reference.md 15 min CI/CD stages and what each one does

AI-First Development: How Features Are Built

This project uses an AI-assisted development model. Most features follow a three-step pattern:

uml diagram

See feature-implementation.md for the full flow with diagrams.


Stage 5: Go Deep & Contribute (Day 3+)

Goal: Build deeper knowledge in your area and make your first contribution.

uml diagram

Reading List by Role

All Roles

# Document Time What You'll Learn
19 08-user-manual/README.md 30 min How to use the application as an operator
20 eventcatalog/README.md 15 min How to browse the event/command/query catalog

Backend Developers

# Document Time What You'll Learn
21 nestjs-crash-course.md 45 min NestJS patterns specific to this project
22 c4-model/3-component/ 30 min Internal structure of each service
23 sequences/ 30 min Key interaction flows (13 sequence diagrams)
24 state-machines/ 20 min Order, PrintJob, Shipment, GridFlock lifecycles
25 events/README.md 15 min Two-layer event architecture (BullMQ + EventEmitter2)

Frontend Developers

# Document Time What You'll Learn
26 react-crash-course.md 45 min React 19 patterns specific to this project
27 09-design/README.md 20 min Shopify store design mockups and UI components
28 09-design/theme/README.md 20 min Forma3D Shopify 2.0 theme structure

DevOps / Infrastructure

# Document Time What You'll Learn
29 staging-deployment-guide.md 20 min How staging deployments work
30 self-hosted-build-agent.md 15 min DigitalOcean droplet build agent setup
31 operational-tooling.md 15 min Uptime Kuma, Dozzle, monitoring setup
32 security-audit-checklist.md 15 min Security baseline and audit process

Product / Design

# Document Time What You'll Learn
33 06-marketing/README.md 15 min Marketing strategy, launch plan, channels
34 market-analysis-saas.md 30 min Competitive analysis and SaaS positioning

The Complete Reading Path

One diagram showing the full recommended reading order across all five stages:

uml diagram


Quick Reference: Where to Find What

uml diagram


Live Resources

Resource URL Description
Staging API https://staging-connect-api.forma3d.be Gateway + Swagger docs at /api/docs
Staging Web https://staging-connect.forma3d.be React PWA dashboard
EventCatalog https://staging-connect-eventcatalog.forma3d.be Browsable event/command/query catalog
Local API docs http://localhost:3000/api/docs Swagger UI (after pnpm dev)
Local Web http://localhost:4200 React dashboard (after pnpm dev)
Prisma Studio http://localhost:5555 Visual database browser (after pnpm db:studio)

Day 1–3 Checklist

Day 1

  • Read the documentation index (docs/README.md)
  • Read the vision document — understand the "why"
  • Read the requirements — understand the "what"
  • Read the strategy — understand the "where"
  • Read the architecture overview — understand the "how"
  • Browse the technology stack
  • Look at C4 Context and Container diagrams
  • Skim the patterns catalog
  • Skim ADR titles (deep-read the ones relevant to your area)

Day 2

  • Set up your local development environment
  • Get the application running (pnpm dev)
  • Verify health endpoints, Swagger UI, and React dashboard
  • Run the test suite (pnpm test)
  • Read the trunk-based development workflow
  • Read how features are implemented (research → prompt → loop)
  • Read the implementation plan — know what phase we're in
  • Browse the CI/CD pipeline reference

Day 3+

  • Read the user manual — use the app as an operator would
  • Browse EventCatalog (live or local) — explore domains and events
  • Read crash courses for your stack (React and/or NestJS)
  • Deep-dive into sequence diagrams and state machines
  • Explore the codebase: apps/ for services, libs/ for shared code, prisma/ for schema
  • Pick up your first task

The Codebase at a Glance

uml diagram


Tips for Your First Week

  1. Use Swagger UI (/api/docs) to explore the API interactively — it's the fastest way to understand endpoints and payloads.
  2. Use Prisma Studio (pnpm db:studio) to browse the database visually.
  3. Browse EventCatalog to understand how services communicate — every BullMQ event, HTTP command, and query is documented with schemas.
  4. Read ADRs when you ask "why?" — if you wonder why something is built a certain way, there's likely an ADR for it.
  5. PlantUML is everywhere — install the VS Code extension and press Alt+D on any .puml file to see diagrams. Inline PlantUML in Markdown renders in Zensical and via pandoc.
  6. Set up EventCatalog MCP — Cursor can query the EventCatalog via an MCP server. See environment-setup.md for setup instructions. Once configured, you can ask questions like "What events does the Order Service publish?" directly in the IDE.

Forma3D.Connect | Onboarding Guide