> ## Documentation Index
> Fetch the complete documentation index at: https://dapplets.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Onboarding App

> This example describes the configuration of an onboarding app for multiple platforms, such as GitHub and LinkedIn, X.

```javascript theme={null}
{
  "metadata": {
    "name": "Onboarding",
    "description": "Onboarding for the mutation",
    "image": {
      "ipfs_cid": "bafkreih235nlz4vricl2h5s3ti7fmwsrkqerrqhspcan7z2vzhh5ebjk7y"
    }
  },
  "$targets": [
    {
      "namespace": "${REPL_ACCOUNT}/parser/github-onboarding",
      "contextType": "body",
      "if": { "id": { "not": null, "index": true } },
      "injectTo": "end",
      "injectOnce": true,
      "componentId": "${REPL_ACCOUNT}/widget/Onboarding.Main"
    },
    {
      "namespace": "${REPL_ACCOUNT}/parser/linkedin-onboarding",
      "contextType": "body",
      "if": { "id": { "not": null, "index": true } },
      "injectTo": "end",
      "injectOnce": true,
      "componentId": "${REPL_ACCOUNT}/widget/Onboarding.Main"
    }
  ]
}
```

### Explanation[​](https://docs.apps.dapplets.org/docs/examples/examples-of-app-configurations#explanation "Direct link to Explanation")

* `metadata:` Describes the onboarding app, including its name, description, and image.

* `$targets:` Defines where the app will be used:

* `namespace` specifies the platform (e.g., GitHub or LinkedIn).

* `contextType` specifies that the widget will be injected into the body of the page.

* `injectTo` and `injectOnce` control the injection of the component at the end of the element only once.

* `componentId` specifies the main component that will display the content.