This tutorial is for Vaadin 14.If this is your first time trying out Vaadin, you should read the same tutorial for the latest Vaadin version instead.
In this final chapter in the series, you learn how to deploy a Spring Boot application on Heroku.
This chapter covers:
Vaadin production builds.
Configuring PostgreSQL for production.
Creating a Heroku account.
Installing the Heroku CLI.
Creating and deploying a Heroku app.
Vaadin can be deployed on any cloud provider
You can also deploy your application onto other cloud platforms. Read the Cloud Deployment tutorials for more options.
pom.xml build includes a
production profile configuration that prepares an optimized build which is ready for production.
During development, the application uses an in-memory H2 database. This is convenient and works well for a single user. In production, it is better to use something more robust and persistent. Heroku’s free tier supports PostgreSQL, so you can configure your application to use that.
First, add the PostgreSQL dependency in the production profile of
<profile> <id>production</id> <!-- Omitted --> <dependencies> <dependency> <groupId>org.postgresql</groupId> <artifactId>postgresql</artifactId> </dependency> </dependencies> </profile>
Next, configure how JPA should handle schema generation.
Add the following two properties to the end of
Use the Heroku CLI to create and deploy your application.
Install the Heroku Java plugin:
heroku plugins:install java
Create a new app. Replace APPNAME with a name of your choice. APPNAME is part of the URL, like https://APPNAME.herokuapp.com, so choose a name that’s unique and easy to remember.
heroku create APPNAME
Enable the PostgreSQL plugin for the newly created app:
heroku addons:create heroku-postgresql -a APPNAME
Deploy the production-optimized JAR file you created in the previous section.
heroku deploy:jar target/flowcrmtutorial-1.0-SNAPSHOT.jar -a APPNAME
Open the application in your browser.
In the event that something goes wrong, view the application logs.
heroku logs --tail
Congratulations, you have now built a full-stack PWA and deployed it to Heroku.
Now that you have a running application, you can use it to experiment further or use it as a foundation for your next idea.
Happy hacking, and ping us @vaadin on Twitter to show off the cool stuff you’ve built!