From 225b138d5a89d95a498a8c466658836a5100e9e6 Mon Sep 17 00:00:00 2001 From: Veera Paananen Date: Thu, 19 Dec 2024 17:00:50 +0000 Subject: [PATCH 1/5] Fix issues with having colons in the meta tags --- articles/building-apps/spring-boot.adoc | 2 +- articles/components/basic-layouts/index.adoc | 2 +- articles/components/icons/index.adoc | 2 +- articles/flow/integrations/hilla.adoc | 2 +- articles/flow/integrations/spring/spring-boot.adoc | 2 +- articles/hilla/index.adoc | 2 +- articles/tools/collaboration/components/index.adoc | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/articles/building-apps/spring-boot.adoc b/articles/building-apps/spring-boot.adoc index d0a8ae1203..bde304e582 100644 --- a/articles/building-apps/spring-boot.adoc +++ b/articles/building-apps/spring-boot.adoc @@ -1,6 +1,6 @@ --- title: Spring Boot -page-title: Building Vaadin apps with Spring Boot: A comprehensive guide +page-title: "Building Vaadin apps with Spring Boot: A comprehensive guide" description: The role Spring Boot plays in Vaadin applications. meta-description: Learn how to build Vaadin applications with Spring Boot. Explore setup, integration, and best practices for developing modern web applications. order: 5 diff --git a/articles/components/basic-layouts/index.adoc b/articles/components/basic-layouts/index.adoc index 816109180e..4cc85f9d52 100644 --- a/articles/components/basic-layouts/index.adoc +++ b/articles/components/basic-layouts/index.adoc @@ -2,7 +2,7 @@ title: Basic Layouts page-title: Basic Layouts | Vaadin components description: How to render content with vertical and horizontal layout components. -meta-description: Vaadin features two basic layout components: Vertical Layout and Horizontal Layout which render their contents vertically and horizontally. +meta-description: "Vaadin features two basic layout components: Vertical Layout and Horizontal Layout which render their contents vertically and horizontally." section-nav: hidden page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/horizontal-layout}/#/elements/vaadin-vertical-layout[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/orderedlayout/VerticalLayout.html[Java]' diff --git a/articles/components/icons/index.adoc b/articles/components/icons/index.adoc index 9347849594..1208b93f2e 100644 --- a/articles/components/icons/index.adoc +++ b/articles/components/icons/index.adoc @@ -4,7 +4,7 @@ layout: tabbed-page title: Icons page-title: Icons | Vaadin components description: Lumo and Vaadin icons and how to use them in your projects. -meta-description: Two icon collections are available through Vaadin dependencies: Vaadin Icons and Lumo Icons. Learn how to use them in your application. +meta-description: "Two icon collections are available through Vaadin dependencies: Vaadin Icons and Lumo Icons. Learn how to use them in your application." page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:vaadin-lumo-styles}/#/elements/vaadin-icon[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/icon/Icon.html[Java]' - 'Source: https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/vaadin-iconset.js[Lumo Icons] / https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/icons/vaadin-iconset.js[Vaadin Icons]' diff --git a/articles/flow/integrations/hilla.adoc b/articles/flow/integrations/hilla.adoc index 0976fd4d71..7922324b6e 100644 --- a/articles/flow/integrations/hilla.adoc +++ b/articles/flow/integrations/hilla.adoc @@ -1,6 +1,6 @@ --- title: Hilla -page-title: How to integrate Vaadin Flow with Hilla: A complete guide +page-title: "How to integrate Vaadin Flow with Hilla: A complete guide" description: Create hybrid applications by combining Hilla or React views with Flow views. meta-description: Learn how to integrate Vaadin Flow with Hilla for seamless full-stack development. Explore configuration, best practices, and use cases in this guide. order: 10 diff --git a/articles/flow/integrations/spring/spring-boot.adoc b/articles/flow/integrations/spring/spring-boot.adoc index 1a9c479629..63dafdc6ff 100644 --- a/articles/flow/integrations/spring/spring-boot.adoc +++ b/articles/flow/integrations/spring/spring-boot.adoc @@ -1,6 +1,6 @@ --- title: Spring Boot -page-title: How to Integrate Vaadin with Spring Boot: A Complete Guide +page-title: "How to Integrate Vaadin with Spring Boot: A Complete Guide" description: How to use Vaadin with Spring Boot. meta-description: Learn how to seamlessly integrate Vaadin with Spring Boot for building modern web apps. This guide covers setup, configuration, and key integration steps. order: 20 diff --git a/articles/hilla/index.adoc b/articles/hilla/index.adoc index 2403d13daf..fbf70273a1 100644 --- a/articles/hilla/index.adoc +++ b/articles/hilla/index.adoc @@ -1,6 +1,6 @@ --- title: Hilla -page-title: Hilla: A full-stack framework for modern web apps +page-title: "Hilla: A full-stack framework for modern web apps" description: Learn how to use Hilla, a full-stack web framework that seamlessly integrates a Spring Boot backend and a React frontend. meta-description: Learn how to use the full-stack web framework Hilla, created by Vaadin, that seamlessly integrates a Spring Boot backend and a React frontend. order: 20 diff --git a/articles/tools/collaboration/components/index.adoc b/articles/tools/collaboration/components/index.adoc index 4665dba97a..2ed204664a 100644 --- a/articles/tools/collaboration/components/index.adoc +++ b/articles/tools/collaboration/components/index.adoc @@ -1,6 +1,6 @@ --- title: Binder pass:[&] Components -page-title: Vaadin Collaboration components: Real-time collaboration made easy +page-title: "Vaadin Collaboration components: Real-time collaboration made easy" meta-description: Enable real-time collaboration in your apps with Vaadin Collaboration Components. Learn how to integrate and customize these tools for seamless teamwork. order: 5 --- From 876266f1e39dcd2eb7e30c20ecc92858de64f2be Mon Sep 17 00:00:00 2001 From: Veera Paananen Date: Thu, 19 Dec 2024 17:01:25 +0000 Subject: [PATCH 2/5] Fix missing colon in the front matter attribute for meta description --- articles/flow/production/cloud-providers/heroku/index.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/articles/flow/production/cloud-providers/heroku/index.adoc b/articles/flow/production/cloud-providers/heroku/index.adoc index 23e68c91f5..269d250aa2 100644 --- a/articles/flow/production/cloud-providers/heroku/index.adoc +++ b/articles/flow/production/cloud-providers/heroku/index.adoc @@ -2,7 +2,7 @@ title: Heroku page-title: How to deploy Vaadin apps on Heroku description: How to deploy your Vaadin application to Heroku. -meta-descriptionExplore the steps to deploy Vaadin applications on Heroku. Optimize your apps for cloud-based hosting. +meta-description: Explore the steps to deploy Vaadin applications on Heroku. Optimize your apps for cloud-based hosting. order: 40 --- From 63f0e014fcca0e8ecdbdeac733ca458002735877 Mon Sep 17 00:00:00 2001 From: Veera Paananen Date: Thu, 19 Dec 2024 17:02:00 +0000 Subject: [PATCH 3/5] Remove duplicate page-title tag from hilla security guide article --- articles/hilla/guides/security/index.adoc | 1 - 1 file changed, 1 deletion(-) diff --git a/articles/hilla/guides/security/index.adoc b/articles/hilla/guides/security/index.adoc index 567a23c29a..99d258e76a 100644 --- a/articles/hilla/guides/security/index.adoc +++ b/articles/hilla/guides/security/index.adoc @@ -1,7 +1,6 @@ --- title: Security page-title: How to secure your Hilla application | Vaadin -page-title: "Hilla framework security" description: "The best practices for securing applications, configuring security, authentication and role-based access control for views." meta-description: Explore comprehensive security practices and tools to safeguard your Hilla applications. order: 100 From 7b7180ae94c4b52758654b8cb866b8d0955ae38d Mon Sep 17 00:00:00 2001 From: Veera Paananen Date: Thu, 19 Dec 2024 17:03:06 +0000 Subject: [PATCH 4/5] Remove dublicate meta-description text from tools article --- articles/tools/start/index.adoc | 1 - 1 file changed, 1 deletion(-) diff --git a/articles/tools/start/index.adoc b/articles/tools/start/index.adoc index 7ad102a68f..cc00de052d 100644 --- a/articles/tools/start/index.adoc +++ b/articles/tools/start/index.adoc @@ -5,7 +5,6 @@ order: 20 description: Description of possibilities with Vaadin Start. meta-description: Create a Vaadin project using Vaadin Start, a tool that allows you to visually create a custom Spring Boot based Vaadin Flow or Hilla app starter. -The recommended way to start a new Vaadin project is to use Vaadin Start (start.vaadin.com). This allows you to configure and download a customizable starting point for an application. --- From 21e6bf8d35d1f30ccef1144279c8a137afdcdddd Mon Sep 17 00:00:00 2001 From: Veera Paananen Date: Thu, 19 Dec 2024 17:13:14 +0000 Subject: [PATCH 5/5] Add or enhance meta title and meta description of the article pages of the latest docs version: Building apps -> presentation layer -section --- articles/building-apps/presentation-layer/index.adoc | 2 ++ .../building-apps/presentation-layer/server-push/callbacks.adoc | 2 ++ .../building-apps/presentation-layer/server-push/futures.adoc | 2 ++ .../building-apps/presentation-layer/server-push/index.adoc | 2 ++ .../server-push/reactive-browser-callable-services.adoc | 2 ++ .../building-apps/presentation-layer/server-push/reactive.adoc | 2 +- .../building-apps/presentation-layer/server-push/threads.adoc | 2 ++ .../building-apps/presentation-layer/server-push/updates.adoc | 2 ++ 8 files changed, 15 insertions(+), 1 deletion(-) diff --git a/articles/building-apps/presentation-layer/index.adoc b/articles/building-apps/presentation-layer/index.adoc index 0ae0b36896..4b6503873a 100644 --- a/articles/building-apps/presentation-layer/index.adoc +++ b/articles/building-apps/presentation-layer/index.adoc @@ -1,5 +1,7 @@ --- title: Presentation Layer +page-title: How to build the presentation layer of Vaadin applications description: How to build the presentation layer of Vaadin applications. +meta-description: Learn how to build the presentation layer of your Vaadin applications. order: 30 --- \ No newline at end of file diff --git a/articles/building-apps/presentation-layer/server-push/callbacks.adoc b/articles/building-apps/presentation-layer/server-push/callbacks.adoc index ca7a4ea1ae..128a8d09f0 100644 --- a/articles/building-apps/presentation-layer/server-push/callbacks.adoc +++ b/articles/building-apps/presentation-layer/server-push/callbacks.adoc @@ -1,6 +1,8 @@ --- title: Callbacks +page-title: How to use server push with callbacks | Vaadin description: How to use server push with callbacks. +meta-description: Learn how to use server push with callbacks when building the presentation layer of your Vaadin application. order: 20 section-nav: badge-flow --- diff --git a/articles/building-apps/presentation-layer/server-push/futures.adoc b/articles/building-apps/presentation-layer/server-push/futures.adoc index 26ab1c9d8e..608c9777e7 100644 --- a/articles/building-apps/presentation-layer/server-push/futures.adoc +++ b/articles/building-apps/presentation-layer/server-push/futures.adoc @@ -1,6 +1,8 @@ --- title: Futures +page-title: How to use server push with CompletableFuture | Vaadin description: How to use server push with CompletableFuture. +meta-description: Learn how to use server push with CompletableFuture when building the presentation layer of your Vaadin application. order: 30 section-nav: badge-flow --- diff --git a/articles/building-apps/presentation-layer/server-push/index.adoc b/articles/building-apps/presentation-layer/server-push/index.adoc index d51d474c7e..0cccbd2ed3 100644 --- a/articles/building-apps/presentation-layer/server-push/index.adoc +++ b/articles/building-apps/presentation-layer/server-push/index.adoc @@ -1,6 +1,8 @@ --- title: Server Push +page-title: How to use Server Push in your Vaadin application description: How to use server push in your user interfaces. +meta-description: Learn how you can use server push in your Vaadin application's user interface. order: 50 --- diff --git a/articles/building-apps/presentation-layer/server-push/reactive-browser-callable-services.adoc b/articles/building-apps/presentation-layer/server-push/reactive-browser-callable-services.adoc index 081b34c9d9..4c9523ee48 100644 --- a/articles/building-apps/presentation-layer/server-push/reactive-browser-callable-services.adoc +++ b/articles/building-apps/presentation-layer/server-push/reactive-browser-callable-services.adoc @@ -1,6 +1,8 @@ --- title: Hilla Services +page-title: Create reactive browser callable services | Vaadin Hilla description: How to create reactive browser callable services for a Vaadin Hilla user interface. +meta-description: Learn how to create reactive browser callable services for your Vaadin Hilla user interface. order: 39 section-nav: badge-hilla --- diff --git a/articles/building-apps/presentation-layer/server-push/reactive.adoc b/articles/building-apps/presentation-layer/server-push/reactive.adoc index 767b007e7a..f487b5e77b 100644 --- a/articles/building-apps/presentation-layer/server-push/reactive.adoc +++ b/articles/building-apps/presentation-layer/server-push/reactive.adoc @@ -1,5 +1,5 @@ --- -title: Consuming Rective Streams +title: Consuming Reactive Streams description: How to use server push with reactive streams. order: 40 --- diff --git a/articles/building-apps/presentation-layer/server-push/threads.adoc b/articles/building-apps/presentation-layer/server-push/threads.adoc index c321a09fba..0d3a87d975 100644 --- a/articles/building-apps/presentation-layer/server-push/threads.adoc +++ b/articles/building-apps/presentation-layer/server-push/threads.adoc @@ -1,6 +1,8 @@ --- title: Threads +page-title: How to use threads in a Vaadin Flow user interface description: How to use threads in a Vaadin Flow user interface. +meta-description: Learn how to use use virtual threads in a Vaadin Flow user interface by reading this guide. order: 10 section-nav: badge-flow --- diff --git a/articles/building-apps/presentation-layer/server-push/updates.adoc b/articles/building-apps/presentation-layer/server-push/updates.adoc index ce2c741e54..7d4ecec972 100644 --- a/articles/building-apps/presentation-layer/server-push/updates.adoc +++ b/articles/building-apps/presentation-layer/server-push/updates.adoc @@ -1,6 +1,8 @@ --- title: Pushing +page-title: How to push updates to a Vaadin Flow user interface description: How to push updates to a Vaadin Flow user interface. +meta-description: Learn how to push updates to a Vaadin Flow user interface by reading this guide. order: 1 section-nav: badge-flow ---