Adding JSON-LD and Open Graph to Vaadin apps for link previews

How to improve link previews of your Vaadin apps

Links are crucial for user experience and discoverability, even in apps behind login screens. This tutorial shows how to use JSON-LD and Open Graph metadata to create better link previews, improve branding, and boost engagement.

Subscribe to our newsletter

Be the first to learn about new Vaadin resources and tips

Take your UI designs from Figma to Java code with Vaadin Copilot

From Figma design to Java code with Vaadin Copilot

UI design and implementation often feel like two distant planets in separate solar systems. However, with the release of Vaadin Copilot and its powerful Figma Import feature, transforming Figma designs into code has never been easier. When tasked with creating a “User Profile Page” for a small web ...
Meet the 2024 Vaadin Champions

Welcoming the 2024 Vaadin Champions

At the Vaadin Create event in Frankfurt on October 30, we introduced the latest members to the distinguished group of Vaadin Champions. These individuals drive innovation and community support in the Vaadin ecosystem. Building on the strong foundation set by our previous members, they keep pushing ...
integrating Lottie animations into a Java web app

Integrating Lottie web animations for better UX in Java apps

When building useful applications, things like animations are typically the last thing to think about. They all seem like extra work away from solving the “real problem.” Yet, we all know that they enhance the user experience by making interactions smoother and more intuitive. I’ve always been ...
How to run your Vaadin application in WordPress

Vaadin in WordPress: Best of both worlds?

While exploring embedding Vaadin, I stumbled upon an interesting article about using web components in WordPress: Using Web Components in WordPress is Easier Than You Think. This got me thinking that running Vaadin in WordPress should be a breeze! After all, Vaadin apps are web components, and you ...
Build an advanced chat app in Java with OpenAI chatbot integration. Learn how to use OpenAI's Chat API for intelligent, responsive bots.

Building an OpenAI-powered chatbot in Java

Updated in August 2024. Want to build a better version of ChatGPT? Learn how to integrate OpenAI's Chat Completions API to add an intelligent chatbot to your Vaadin Flow chat application. Create a new chat app with OpenAI chatbot integration Using the service at start.vaadin.com, create a new ...
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 ...
Minimalist Java apps with Vaadin and Spring AI

Minimalist Java applications with Vaadin and Spring AI

“Fight for Simplicity” has always been our motto. Personally, that has meant I want to keep simplifying my code. This post is an example of that effort. Revisiting AI integration in Vaadin applications A year ago, you could read about Harnessing Generative AI for Business Applications. This ...
Learn how to migrate add-ons from Vaadin 8 to Vaadin 24.

How to migrate add-ons from Vaadin 8 to Vaadin 24

If you're familiar with Vaadin, you know that add-ons significantly enhance the development experience. They offer a wealth of additional functionality, widgets, and presentation options for your Vaadin-based applications. Upgrading to a newer Vaadin version can sometimes lead to compatibility ...