How to Deploy an Ionic Angular Apps on Spheron
This guide will show you how to deploy an Ionic project and get your domain up. Ionic (opens in a new tab) is built to perform fast on the all of the latest mobile devices. Build apps with a small footprint and built-in best practices like hardware accelerated transitions, touch-optimized gestures, pre-rendering, and more.
Deploy Ionic Angular to Spheron
Follow these steps to deploy your Ionic Angular app on Spheron.
Step 1: Put Your Ionic Angular Project Code in a Git Repo
While this feature is not new to developers, the magic of Spheron is that every push to any branch in your GitHub, GitLab, or Bitbucket repo triggers a new build and deployment of your project.
Step 2: Deploy using the Spheron Platform UI.
You can create a new Spheron project using the platform UI. First, visit Spheron Protocol (opens in a new tab) in your browser. Choose your preferred Git provider from the options as seen above and authorize Spheron to access the repo you want to deploy. In the next screen, select your Ionic Angular repo from the list. Choose your preferred protocol where you want to deploy your static build. As of now, we support Arweave, Skynet, Filecoin & Pinata. You can choose any one protocol from all 4 of them. The third screen asks for details about where to create the project and how to build it. All the settings are already pre-filled based on the suggested framework. Learn more about each build setting. Check out here (opens in a new tab).
- Choose the branch to deploy from the dropdown and provide the root directory if you have a monorepo-like app structure.
- Set the install command to yarn install
- Set the build command to yarn build
- Set the publish directory to www
- You can add some environment variables before the build.
- You can change the node engine of your deployment as well.
- Click Deploy
Now that you've deployed your Ionic Angular project on Spheron, you have all the benefits of Spheron — including a custom deployment environment, continuous deployment whenever you push to your repo, and much more — as well as the benefits of the Ionic Angular framework
After deploying, your new Ionic Angular project will automatically be assigned a
.spheron.app suffixed domain. You can then add a Custom Domain (opens in a new tab) on your choice.
We're so excited to see what you build with Ionic Angular framework on Spheron!