Building responsive layouts with Vaadin utility classes: A complete guide

Building responsive layouts with Vaadin utility classes

With users accessing websites and applications across various devices and screen sizes, creating responsive layouts has become essential for web developers. Responsive design ensures your content looks great and functions well on everything from smartphones to large desktop monitors. One approach ...
Learn how to embed java apps into other websites without using third-party cookies.

Embedding Java apps on websites without third-party cookies

Can you use Vaadin if your site doesn't run on a Java server? Many websites operate on platforms that might not support Java natively. You might have a blog, a static site, or a platform-managed service, but you may still want to leverage Vaadin's powerful features for your web application. You can ...
Learn how to host REST endpoints next to your Vaadin UI in this Vaadin tutorial.

Hosting REST endpoints next to your Vaadin UI

When building your UI with Vaadin, you need no REST endpoints. With Vaadin Flow, you don’t even need to think about what gets transferred between your browser and the server. But it is common for your Vaadin application to expose some REST endpoints, for example, to separate services or ...
Building responsive web design in pure Java.

How to implement responsive web design in Java

Responsive design aims to improve the usability of your app on different devices and varying window sizes. Many consider responsive web design to be a task dedicated to CSS magicians. With Vaadin, the same end result can also be accomplished in pure Java. In fact, you can achieve much more than ...
Learn the six ways to get started with a Vaadin project quickly.

Six ways to quickly get started with your next Vaadin project

Starting a new project with an unfamiliar framework can be daunting. The steep learning curve involves mastering new syntax and concepts, often slowing initial progress. Troubleshooting can become a solo endeavor due to limited documentation and community support, and integrating the framework with ...
File-Based Routing in Vaadin 24.4: Simplify Hilla App Creation

Introducing file-based routing in Vaadin 24.4: Simplify Hilla app creation

With the release of Vaadin 24.4, developers building Hilla applications now have access to a powerful new feature: file-based routing. This enhancement streamlines the process of adding new views and configuring view properties directly within your React components. In this blog post, we'll explore ...
Explore top ways for creating grid layouts in Vaadin Flow, including add-ons, HTML tables, Bootstrap-like solutions, and CSS Grid for optimal performance.

Five methods to create grid layouts with Vaadin Flow

Vaadin ships with a powerful Grid component to display tabular data but is missing a built-in component for grid layouts. In theory, you could use the API in the data grid to lay out components, but this quickly leads to suboptimal performance, and the API is not designed for generic layouts. If ...
Building AI-Powered Java Applications

Building AI-Powered Java Applications

In the past few months, I've spoken about building AI-powered Java apps at tens of events around the world. What I’ve seen is that Java developers are curious and eager to learn, but AI can seem like a big and daunting new area to get into. Most of us have demanding jobs that occupy our time, and ...
Trimmed-down Vaadin Flow setup for V24.4

Streamlined Vaadin Flow setup for V24.4

Vaadin 24.4 was a feature release mostly focused on improving React (and Hilla) interoperability and introducing Vaadin Copilot, the new AI-powered development mode widget. However, there are also a couple of quite nice improvements for pure Java developers. Even if none of those interests you, ...