Table of content
To demonstrate how to deploy a Flask HTMx application with Code Capsules, we’ve provided an example application, which you can find on the Code Capsules GitHub repository.
Sign in to GitHub, and fork the example application by clicking “Fork” at the top-right of your screen and selecting your GitHub account as the destination.
If you don’t already have an account, navigate to the Code Capsules site and click the “Sign Up” button in the top-right corner of the screen. Enter your details to create an account, or log in to an existing one.
If you’ve just signed up for an account, you’ll be directed to a welcome page on your first login. Click on the “Go To Personal Team” button.
Alternatively, if you’re signing in again, click on the “Spaces” tab.
Code Capsules gives every account a Personal Team by default. A Team is an environment for you to manage your Spaces and Capsules. For a better understanding of Teams, Spaces, and Capsules, take a look at our explanation.
Log in to your Code Capsules account and navigate to the “Spaces” tab. Once there, click the yellow
icon on the top right of the screen to add a new Space.
Follow the prompts, choosing your region and giving your Space a name, then click “Create Space”.
Example instructions to go with numbered annotations, 1. Choose a team — you can use a default “personal” team if you’re the only person working on this project, or a named team if you’re collaborating with others 2. This should remind you of the project, for example “customer-api” or “notetaking-app” 3. Choose a country close to where most of your users will be 4. If you’re already using a specific cloud, you can choose that here, otherwise pick anyone.
A Capsule provides the server for hosting an application on Code Capsules.
Navigate to the “Capsules” tab. Once there, click the yellow
icon on the top right of the screen to add a new Capsule.
To create a new Data Capsule for your Space, follow the instructions below:
Navigate to the “Space” containing your recently created Data Capsule and click the yellow
icon on the top right of the screen. Follow the instructions below to create a Backend Capsule:
Code Capsules will automatically build your application when you’ve finished creating the Capsule. While the build is in progress, you can view the log by clicking “View Build Progress” next to the “Building Capsule” message.
Once your application is live, you can view the build log by selecting the “Deploy” tab and clicking the “View build log” link in the “Builds” section.
Now you need to bind the two capsules together. Navigate to the “Config” tab of the Backend Capsule you’ve just created. Scroll to the “Bind Data Capsule” section and click on the “Bind” option. This enables the Capsule to use the Persistent Storage in the Data Capsule.
After restarting the capsule, the application will now be ready to be viewed. Click the “URL” link in the “Config” tab, and you should see your deployed application.
Table of content