Docs

Documentation versions (currently viewingVaadin 24)

Vaadin Start

Description of possibilities with Vaadin Start.

The Vaadin Start online interface allows you to manage, configure and download the core of functional Vaadin projects. You can use them as a starting point to create your own Vaadin applications. Even more so, they allow you to do several fundamental things, easily.

Project Built with Vaadin Start Online Interface

Manage Projects

With Vaadin Start, you can work on multiple projects. You can find a list of your projects in the My Projects section. You can download your project from there, directly.

my projects
Projects List

Add Views

Vaadin Start allows you to add several views to your project. You can select the initial content of each view from a list of more than fifteen Flow and Hilla templates. For example, you can include views based on the Master-Detail template, which can be used to manage an entity’s data.

The screenshot here shows the Vaadin Start UI with the Add View dialog open, showing the Master-Detail template selected:

Vaadin Start UI with Master-Detail Template Selected
Master-Detail Template

You can then add and modify JPA entities. These entities are downloaded with the generated project, along with their corresponding Spring Data classes, such as the Repository and Service. You can see the relevant parts highlighted in the screenshots here:

Edit Entities
Edit Data Entity

Login & Access Control

You can also configure security and control access. A login view is added if you configure one or more views that require a logged-in user.

In this screenshot, you can see the Vaadin Start UI with the view details popover open, showing the options for the View Access control:

Vaadin Start UI with View Access Controls
View Access Control Setup

Customize Theme

Vaadin Start lets you easily change the look and feel of the application. Specifically, you can adjust the application’s colors, typography, style, sizing, and spacing.

This next screenshot shows the Vaadin Start UI with the Theme sidebar active, showing the color palette options:

Vaadin Start UI with Theme Color Palettes
Theme Customization

Technical Configuration

You can also add helpful project settings. For example, you can generate the deployment files for Control Center, Docker, and Kubernetes. Or you can select between H2 and PostgreSQL as the database to use for the project.

This screenshot shows the Vaadin Start UI with the Download Project dialog open, with all of the project settings shown:

Vaadin Start UI with Download Project Dialog
Download Project Dialog

Hello World Projects

To start with a simplified project template — without adding and configuring any views — you can configure and download a "Hello World" starter from the landing page of Vaadin Start.

This screenshot shows the configuration options for the Hello World starter:

Hello World Starter
Hello World Starter