Skip to main content

Build a native product from scratch

Our boilerplates for React, Angular, and Vue save developers time by eliminating the need to set up basic project configurations from scratch. Using these boilerplates to extend your product reduces errors and enhances developer experience.
This guide will outline the essential steps to build a native app from scratch by leveraging our boilerplates.

Steps to build a native product​

  • Set up your GitHub to work with the WPP developer assets––access the WPP Open GitHub account and create an authorized personal access token.

  • Install and run our boilerplates to quickly start developing products for Open OS.

  • Create roles and permissions in DevHub and validate user permissions against workspaces.

  • Implement the authorization logic in your backend to handle user requests and validate permissions.

  • To ensure users can seamlessly access your product, correctly configure the access-control-allow-origin CORS headers.

  • Package micro-app bundles with either SystemJS or ESM using our React and Angular boilerplates' packaging configuration to avoid overhead.

important

You can pull component libraries into CI/CD pipeline for consistent integration and deployment of the components.