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:
Your Onboarding Journey¶
The journey is split into five stages. Each builds on the previous one. Follow the numbered path:
Stage 1: Understand the Business (Day 1 Morning)¶
Goal: Understand what Forma3D.Connect is, why it exists, and who it serves.
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.
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¶
Stage 3: Set Up Your Environment (Day 2 Morning)¶
Goal: Get the application running locally on your machine.
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/healthreturns{"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 testruns 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.
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:
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.
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:
Quick Reference: Where to Find What¶
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¶
Tips for Your First Week¶
- Use Swagger UI (
/api/docs) to explore the API interactively — it's the fastest way to understand endpoints and payloads. - Use Prisma Studio (
pnpm db:studio) to browse the database visually. - Browse EventCatalog to understand how services communicate — every BullMQ event, HTTP command, and query is documented with schemas.
- Read ADRs when you ask "why?" — if you wonder why something is built a certain way, there's likely an ADR for it.
- PlantUML is everywhere — install the VS Code extension and press
Alt+Don any.pumlfile to see diagrams. Inline PlantUML in Markdown renders in Zensical and via pandoc. - 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