Getting Started

Generates Astro Islands for use in OutSystems that can create self contained interactive code elements from different frameworks. It allows an extension of the front-end with these dynamic libraries.

When to use this library

• Custom interactive elements that would not be difficult/not possible to build directly in OutSystems.
• Wrappers around interactive elements built in other front-end frameworks.
• Direct migration of traditional code.

When NOT to use this library

• You will most likely not need to use this library for most of the front-end development. This is similar in use to the custom code development in for the back-end in O11 and ODC.
• If the functionality is easily buildable in Service Studio.
• Loading performance of component must be instant. The Astro Island will load after the page/screen has loaded since the initializer and tag will be loaded after.

Developing

Astro

Initialize the project:

npx create-outsystems-astro

You can delete the demo examples and keep the structure for your own component/application.

Create your application inside of Astro. Its recommeneded to keep one component/set of functionality to a single project. Learn more about Astro development in the Astro docs. Once you have completed development, you can generate the output.

Read the OutSystems Astro docs.

The following frameworks are currently compatible with the OutSystems Astro Islands library:

• React
• Vue

OutSystems

Once your output for Astro is generated, you can begin the creation and migration of the component to OutSystems. Currently supported platform versions

• 011
• ODC