How msyafrial/iotaru works
IoTaru is a public IoT product and solutions marketing site, with product and solution catalogs, editorial posts, company information, and a contact path. The principal visitor workflow is to enter through the homepage or navigation, browse a catalog or solution overview, open a detail page backed by content collections, and optionally send an inquiry through the contact form. The graph reflects the tree, content schemas, and sampled navigation/contact behavior; page implementations were not sampled, so some page-to-content wiring is inferred from route structure and collection definitions.
Main entry points: MainLayout.astro Shared layout · products/index.astro Product catalog · [slug].astro Product detail · solutions/index.astro Solutions overview
Components 18
Site shell
- Homepage
src/pages/index.astro - Shared layout
src/layouts/MainLayout.astro - Site components
src/components - Security middleware
src/middleware.ts
Catalog journeys
- Product catalog
src/pages/products/index.astro - Product detail
src/pages/products/[slug].astro - Product content
src/content/products - Solutions overview
src/pages/solutions/index.astro - Solution detail
src/pages/solutions/[slug].astro - Solution content
src/content/solutions
Editorial content
- Blog listing
src/pages/blog/index.astro - Blog article
src/pages/blog/[slug].astro - Blog content
src/content/blog
Company and contact
- About page
src/pages/about/index.astro - Contact page
src/pages/contact/index.astro - Contact form handler
public/js/function.js
Other components
- Site visitor
- Email client
Connections 24
- Site visitor → Homepage: opens
- Site visitor → Product catalog: browses
- Site visitor → Solutions overview: browses
- Site visitor → Blog listing: browses
- Site visitor → About page: visits
- Site visitor → Contact page: visits
- Homepage → Shared layout: renders with
- Product catalog → Shared layout: renders with
- Product detail → Shared layout: renders with
- Solutions overview → Shared layout: renders with
- Solution detail → Shared layout: renders with
- Blog listing → Shared layout: renders with
- Blog article → Shared layout: renders with
- About page → Shared layout: renders with
- Contact page → Shared layout: renders with
- Shared layout → Site components: uses
- Product catalog → Product detail: links to
- Product detail → Product content: reads
- Solutions overview → Solution detail: links to
- Solution detail → Solution content: reads
- Blog listing → Blog article: links to
- Blog article → Blog content: reads
- Contact page → Contact form handler: handles form
- Contact form handler → Email client: opens