diff --git a/.github/styles/config/vocabularies/Docs/accept.txt b/.github/styles/config/vocabularies/Docs/accept.txt index 48ea7fb1c8..0c913c3977 100644 --- a/.github/styles/config/vocabularies/Docs/accept.txt +++ b/.github/styles/config/vocabularies/Docs/accept.txt @@ -42,6 +42,7 @@ Dockerfile [dD]ompurify # Vale spelling doesn't recognize "dos and don'ts" don'ts +[dD]ownscaling [dD]rag-and-[dD]rop [dD]raggable Dragonfly diff --git a/articles/building-apps/application-layer/application-services.adoc b/articles/building-apps/application-layer/application-services.adoc index 89e96f9bbe..2c3470d0d8 100644 --- a/articles/building-apps/application-layer/application-services.adoc +++ b/articles/building-apps/application-layer/application-services.adoc @@ -1,6 +1,8 @@ --- title: Application Services +page-title: How to design and manage application services in Vaadin description: How to design application services. +meta-description: Discover how to structure and manage application services in your Vaadin application for a scalable and maintainable architecture. order: 10 --- diff --git a/articles/building-apps/application-layer/domain-primitives.adoc b/articles/building-apps/application-layer/domain-primitives.adoc index 85b2ab90ee..ca5cb2ef35 100644 --- a/articles/building-apps/application-layer/domain-primitives.adoc +++ b/articles/building-apps/application-layer/domain-primitives.adoc @@ -1,6 +1,8 @@ --- title: Domain Primitives -description: Learn what are domain primitives and how to use them in applications. +page-title: How to use domain primitives in Vaadin applications +description: Learn what domain primitives are and how to use them in applications. +meta-description: Learn what domain primitives are and how you can use them in your Vaadin applications for better structure and logic. order: 28 --- diff --git a/articles/building-apps/application-layer/index.adoc b/articles/building-apps/application-layer/index.adoc index dad0af9a07..d68ffe97ff 100644 --- a/articles/building-apps/application-layer/index.adoc +++ b/articles/building-apps/application-layer/index.adoc @@ -1,6 +1,8 @@ --- title: Application Layer +page-title: How to build the application layer of your Vaadin app description: How to build the application layer of Vaadin applications. +meta-description: Learn about the application layer in Vaadin apps. Explore its role in structuring business logic, handling interactions, and ensuring scalable architecture. order: 40 --- diff --git a/articles/building-apps/application-layer/persistence/flyway.adoc b/articles/building-apps/application-layer/persistence/flyway.adoc index 015f3cd8d1..c316586786 100644 --- a/articles/building-apps/application-layer/persistence/flyway.adoc +++ b/articles/building-apps/application-layer/persistence/flyway.adoc @@ -1,6 +1,8 @@ --- title: Flyway +page-title: Database migration with Flyway in Vaadin applications description: How to manage your relational database schema with Flyway. +meta-description: Learn how you can manage your relational database schema and database migrations with Flyway in your Vaadin applications. order: 30 --- diff --git a/articles/building-apps/application-layer/persistence/index.adoc b/articles/building-apps/application-layer/persistence/index.adoc index 4456d50968..b27ce24b5b 100644 --- a/articles/building-apps/application-layer/persistence/index.adoc +++ b/articles/building-apps/application-layer/persistence/index.adoc @@ -1,6 +1,8 @@ --- title: Persistence +page-title: How to design the persistence layer in Vaadin applications description: How do handle persistence in Vaadin applications. +meta-description: Learn how to build and integrate a robust persistence layer in Vaadin apps. Follow best practices for data storage, retrieval, and ORM frameworks. order: 40 --- diff --git a/articles/building-apps/application-layer/persistence/repositories/index.adoc b/articles/building-apps/application-layer/persistence/repositories/index.adoc index ba145c5da4..eb198c784d 100644 --- a/articles/building-apps/application-layer/persistence/repositories/index.adoc +++ b/articles/building-apps/application-layer/persistence/repositories/index.adoc @@ -1,6 +1,8 @@ --- title: Repositories +page-title: Managing repositories in the persistence layer | Vaadin description: How to use repositories to store and fetch data. +meta-description: Explore best practices for managing repositories in the persistence layer of your Vaadin applications. Learn how to store and fetch data using repositories. order: 10 --- diff --git a/articles/building-apps/application-layer/persistence/repositories/jooq.adoc b/articles/building-apps/application-layer/persistence/repositories/jooq.adoc index e1b5b78227..224b5550b9 100644 --- a/articles/building-apps/application-layer/persistence/repositories/jooq.adoc +++ b/articles/building-apps/application-layer/persistence/repositories/jooq.adoc @@ -1,6 +1,8 @@ --- title: jOOQ Repositories +page-title: How to use jOOQ with Vaadin repositories description: How to implement repositories with jOOQ. +meta-description: Leverage jOOQ and learn how to implement repositories with it for efficient data access and management in your Vaadin applications. order: 30 --- diff --git a/articles/building-apps/application-layer/persistence/repositories/jpa.adoc b/articles/building-apps/application-layer/persistence/repositories/jpa.adoc index c4ca6964fa..80211723df 100644 --- a/articles/building-apps/application-layer/persistence/repositories/jpa.adoc +++ b/articles/building-apps/application-layer/persistence/repositories/jpa.adoc @@ -1,6 +1,8 @@ --- title: JPA Repositories +page-title: How to use JPA repositories in Vaadin description: How to implement repositories with JPA and Spring Data. +meta-description: Integrate JPA repositories in Vaadin applications for advanced persistence capabilities. order: 20 --- diff --git a/articles/building-apps/application-layer/persistence/repositories/pluggable.adoc b/articles/building-apps/application-layer/persistence/repositories/pluggable.adoc index d3a02c36d0..00e543733b 100644 --- a/articles/building-apps/application-layer/persistence/repositories/pluggable.adoc +++ b/articles/building-apps/application-layer/persistence/repositories/pluggable.adoc @@ -1,6 +1,8 @@ --- title: Pluggable Persistence +page-title: How to create pluggable repositories in Vaadin description: How to support multiple persistence solutions with a single SPI. +meta-description: Implement pluggable repositories in Vaadin for flexible and scalable data persistence. section-nav: hidden order: 40 --- diff --git a/articles/building-apps/architecture/components.adoc b/articles/building-apps/architecture/components.adoc index 0bf7754026..e37256866c 100644 --- a/articles/building-apps/architecture/components.adoc +++ b/articles/building-apps/architecture/components.adoc @@ -1,6 +1,8 @@ --- title: System Components +page-title: How to use system components in Vaadin architecture description: Learn more about System Components and how to turn them into Java code. +meta-description: Learn how to integrate and manage components in Vaadin's architectural framework. order: 20 --- diff --git a/articles/building-apps/architecture/design.adoc b/articles/building-apps/architecture/design.adoc index 4a32c18f27..733c75f7af 100644 --- a/articles/building-apps/architecture/design.adoc +++ b/articles/building-apps/architecture/design.adoc @@ -1,7 +1,8 @@ --- title: Design -page-title: Designing the Architecture +page-title: Application design architecture | Vaadin description: Explains how to use the C4 model to design architecture. +meta-description: Discover design principles for creating scalable and maintainable applications with Vaadin. order: 10 --- diff --git a/articles/building-apps/architecture/index.adoc b/articles/building-apps/architecture/index.adoc index d8ee46bc37..15866fbbcf 100644 --- a/articles/building-apps/architecture/index.adoc +++ b/articles/building-apps/architecture/index.adoc @@ -1,6 +1,8 @@ --- title: Architecture +page-title: How to structure the architecture of Vaadin applications description: Learn how to architect business applications with Vaadin. +meta-description: Understand the architecture of Vaadin applications to design scalable and maintainable systems. order: 10 --- diff --git a/articles/building-apps/architecture/layers.adoc b/articles/building-apps/architecture/layers.adoc index e80f71d4e8..02ae86a51f 100644 --- a/articles/building-apps/architecture/layers.adoc +++ b/articles/building-apps/architecture/layers.adoc @@ -1,6 +1,8 @@ --- title: Conceptual Layers +page-title: Implementing layered architecture in Vaadin applications description: Introduces the presentation layer and the application layer in Vaadin apps. +meta-description: Learn about the layered architecture of Vaadin applications for modular design. order: 30 --- diff --git a/articles/building-apps/architecture/microservices.adoc b/articles/building-apps/architecture/microservices.adoc index 58f464eb74..67fa57e6e5 100644 --- a/articles/building-apps/architecture/microservices.adoc +++ b/articles/building-apps/architecture/microservices.adoc @@ -1,6 +1,8 @@ --- title: Microservices +page-title: Microservices architecture in Vaadin description: How Vaadin fits into microservice-based systems. +meta-description: Explore how to design and implement microservices architecture in Vaadin applications. order: 50 --- diff --git a/articles/building-apps/architecture/monoliths.adoc b/articles/building-apps/architecture/monoliths.adoc index 68107d3358..829c7aeea2 100644 --- a/articles/building-apps/architecture/monoliths.adoc +++ b/articles/building-apps/architecture/monoliths.adoc @@ -1,6 +1,8 @@ --- title: Monoliths +page-title: How to design monolith architectures with Vaadin description: Essential concepts, as well as advantages and disadvantages of developing and using monolithic applications. +meta-description: Explore best practices for building and managing monolithic applications with Vaadin. order: 40 --- diff --git a/articles/building-apps/index.adoc b/articles/building-apps/index.adoc index 9c0a4fc78e..2c6d8ee7e6 100644 --- a/articles/building-apps/index.adoc +++ b/articles/building-apps/index.adoc @@ -1,6 +1,8 @@ --- title: Building Apps +page-title: How to Build Apps with Vaadin description: How to build real-world business applications with Vaadin. +meta-description: Get an overview of best practices and frameworks for building business applications with Vaadin. order: 800 section-nav: flat expanded --- diff --git a/articles/building-apps/project-structure/index.adoc b/articles/building-apps/project-structure/index.adoc index 548eb87359..6e1ff0d28e 100644 --- a/articles/building-apps/project-structure/index.adoc +++ b/articles/building-apps/project-structure/index.adoc @@ -1,6 +1,8 @@ --- title: Project Structure +page-title: How to structure Vaadin projects description: The basics of structuring and packaging Vaadin projects. +meta-description: Learn the basics of organizing your Vaadin application’s project structure. order: 20 --- diff --git a/articles/building-apps/project-structure/multi-module.adoc b/articles/building-apps/project-structure/multi-module.adoc index 585959a30b..2cd543a7ae 100644 --- a/articles/building-apps/project-structure/multi-module.adoc +++ b/articles/building-apps/project-structure/multi-module.adoc @@ -1,6 +1,8 @@ --- title: Multi-module Projects +page-title: How to organize Vaadin apps with a multi-module structure description: How and when to use multi-module projects for Vaadin applications. +meta-description: Learn how to organize Vaadin applications with a multi-module project structure for scalability. order: 20 --- diff --git a/articles/building-apps/project-structure/single-module.adoc b/articles/building-apps/project-structure/single-module.adoc index d6757e313a..337911d920 100644 --- a/articles/building-apps/project-structure/single-module.adoc +++ b/articles/building-apps/project-structure/single-module.adoc @@ -1,6 +1,8 @@ --- title: Single-module Projects +page-title: How to structure single-module projects in Vaadin description: How and when to use single-module projects for Vaadin applications. +meta-description: Learn how to structure single-module projects in Vaadin for simplicity and scalability. order: 10 --- diff --git a/articles/building-apps/spring-boot.adoc b/articles/building-apps/spring-boot.adoc index 271b74fe86..d0a8ae1203 100644 --- a/articles/building-apps/spring-boot.adoc +++ b/articles/building-apps/spring-boot.adoc @@ -1,6 +1,8 @@ --- title: Spring Boot +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/compatibility.adoc b/articles/compatibility.adoc index 8153d7b7ab..927a3a9a03 100644 --- a/articles/compatibility.adoc +++ b/articles/compatibility.adoc @@ -1,6 +1,8 @@ --- title: Supported Technologies +page-title: Vaadin compatibility guide description: Lists the minimum required version of compatible technologies for Vaadin 24. +meta-description: Learn about Vaadin’s compatibility with browsers, frameworks, and environments. See minimum required version of compatible technologies for Vaadin 24. order: 901 --- diff --git a/articles/components/accordion/index.adoc b/articles/components/accordion/index.adoc index 0a0d8d5aef..bd3a4fc01c 100644 --- a/articles/components/accordion/index.adoc +++ b/articles/components/accordion/index.adoc @@ -1,6 +1,8 @@ --- title: Accordion +page-title: Accordion component | Vaadin components description: Accordion is a vertically stacked set of expandable panels. +meta-description: The Vaadin component Accordion is a vertically stacked set of expandable panels you can leverage in your application's layout tab-title: Usage layout: tabbed-page page-links: diff --git a/articles/components/accordion/styling.adoc b/articles/components/accordion/styling.adoc index ccf793cb5f..eec3756352 100644 --- a/articles/components/accordion/styling.adoc +++ b/articles/components/accordion/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Accordion component | Vaadin components description: Styling API reference for the Accordion component. +meta-description: Explore options to customize the appearance of the Accordion component in your Vaadin apps. order: 50 --- = Styling diff --git a/articles/components/app-layout/index.adoc b/articles/components/app-layout/index.adoc index 6981e06b59..9bd2106736 100644 --- a/articles/components/app-layout/index.adoc +++ b/articles/components/app-layout/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: App Layout +page-title: App Layout component | Vaadin components description: App Layout is a component for building common application layouts. +meta-description: Create responsive application layouts with the App Layout component in Vaadin. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/app-layout}/#/elements/vaadin-app-layout[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/applayout/AppLayout.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/app-layout}/packages/app-layout[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-app-layout-flow-parent[Java]' diff --git a/articles/components/app-layout/styling.adoc b/articles/components/app-layout/styling.adoc index 4a8d0797a5..d02022cc8f 100644 --- a/articles/components/app-layout/styling.adoc +++ b/articles/components/app-layout/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the App Layout component | Vaadin components description: Styling API reference for the App Layout component. +meta-description: Customize the App Layout component in Vaadin to suit your application’s branding and style. order: 50 --- = Styling diff --git a/articles/components/auto-crud/index.adoc b/articles/components/auto-crud/index.adoc index 705ebc6212..4edb986de2 100644 --- a/articles/components/auto-crud/index.adoc +++ b/articles/components/auto-crud/index.adoc @@ -1,7 +1,9 @@ --- title: Auto CRUD +page-title: Auto CRUD component | Vaadin components order: 10 description: Used to populate automatically CRUD views and actions based on a Java backend service. +meta-description: Learn how to use Vaadin Auto CRUD component to streamline CRUD operations in your applications. Explore features, configuration options, and implementation examples. section-nav: badge-hilla --- @@ -23,17 +25,17 @@ Auto CRUD requires a Java service that implements the `CrudService` inter [.example] -- [source,java] -.EmployeeService.java +.`EmployeeService.java` ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/EmployeeService.java[tags=snippet,indent=0] ---- [source,java] -.Employee.java +.`Employee.java` ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Employee.java[tags=snippet,indent=0] ---- [source,java] -.EmployeeRepository.java +.`EmployeeRepository.java` ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/EmployeeRepository.java[tags=snippet,indent=0] ---- @@ -147,22 +149,22 @@ The following example shows a basic implementation of a custom `CrudService` tha [.example] -- -.ProductDtoCrudService.java +.`ProductDtoCrudService.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductDtoCrudService.java[tags=snippet,indent=0] ---- -.ProductDto.java +.`ProductDto.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductDto.java[tags=snippet,indent=0] ---- -.Product.java +.`Product.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Product.java[tags=snippet,indent=0] ---- -.ProductRepository.java +.`ProductRepository.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductRepository.java[tags=snippet,indent=0] diff --git a/articles/components/auto-form/index.adoc b/articles/components/auto-form/index.adoc index aaa41608fb..9ebea91879 100644 --- a/articles/components/auto-form/index.adoc +++ b/articles/components/auto-form/index.adoc @@ -1,7 +1,9 @@ --- title: Auto Form +page-title: Auto Form component | Vaadin components order: 15 description: Auto Form is a component that renders a form for editing, updating and deleting items from a backend service. +meta-description: Simplify form creation with the Auto Form component in your Vaadin applications. section-nav: badge-hilla --- @@ -23,17 +25,17 @@ Auto Form requires a Java service that implements the `CrudService` inter [.example] -- [source,java] -.EmployeeService.java +.`EmployeeService.java` ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/EmployeeService.java[tags=snippet,indent=0] ---- [source,java] -.Employee.java +.`Employee.java` ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Employee.java[tags=snippet,indent=0] ---- [source,java] -.EmployeeRepository.java +.`EmployeeRepository.java` ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/EmployeeRepository.java[tags=snippet,indent=0] ---- @@ -293,22 +295,22 @@ The following example shows a basic implementation of a custom `FormService` tha [.example] -- -.ProductDtoFormService.java +.`ProductDtoFormService.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductDtoFormService.java[tags=snippet,indent=0] ---- -.ProductDto.java +.`ProductDto.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductDto.java[tags=snippet,indent=0] ---- -.Product.java +.`Product.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Product.java[tags=snippet,indent=0] ---- -.ProductRepository.java +.`ProductRepository.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductRepository.java[tags=snippet,indent=0] diff --git a/articles/components/auto-grid/index.adoc b/articles/components/auto-grid/index.adoc index 3321dbc6ee..75ed94bafb 100644 --- a/articles/components/auto-grid/index.adoc +++ b/articles/components/auto-grid/index.adoc @@ -1,7 +1,9 @@ --- title: Auto Grid +page-title: Auto Grid component | Vaadin components order: 13 description: Used for displaying tabular data based on a Java backend service. +meta-description: Automate grid layouts in Vaadin with the Auto Grid component for dynamic data presentation. section-nav: badge-hilla --- @@ -20,22 +22,22 @@ Auto Grid requires a Java service that implements the `ListService` interface [.example] -- -.ProductService.java +.`ProductService.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductService.java[tags=snippet,indent=0] ---- -.Product.java +.`Product.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Product.java[tags=snippet,indent=0] ---- -.Supplier.java +.`Supplier.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Supplier.java[tags=snippet,indent=0] ---- -.ProductRepository.java +.`ProductRepository.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductRepository.java[tags=snippet,indent=0] @@ -273,22 +275,22 @@ The following example shows a basic implementation of a custom `ListService` tha [.example] -- -.ProductDtoListService.java +.`ProductDtoListService.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductDtoListService.java[tags=snippet,indent=0] ---- -.ProductDto.java +.`ProductDto.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductDto.java[tags=snippet,indent=0] ---- -.Product.java +.`Product.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Product.java[tags=snippet,indent=0] ---- -.ProductRepository.java +.`ProductRepository.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductRepository.java[tags=snippet,indent=0] @@ -310,22 +312,22 @@ This example uses a [classname]`FilterTransformer` to adapt filtering and sortin [.example] -- -.ProductAdvancedDtoListService.java +.`ProductAdvancedDtoListService.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductAdvancedDtoListService.java[tags=snippet,indent=0] ---- -.ProductAdvancedDto.java +.`ProductAdvancedDto.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductAdvancedDto.java[tags=snippet,indent=0] ---- -.Product.java +.`Product.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/Product.java[tags=snippet,indent=0] ---- -.ProductRepository.java +.`ProductRepository.java` [source,java] ---- include::{root}/src/main/java/com/vaadin/demo/fusion/crud/ProductRepository.java[tags=snippet,indent=0] diff --git a/articles/components/avatar/index.adoc b/articles/components/avatar/index.adoc index 7344a9c600..1b88abf868 100644 --- a/articles/components/avatar/index.adoc +++ b/articles/components/avatar/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Avatar +page-title: Avatar component | Vaadin components description: Avatar is a graphical representation of an object or entity, for example, a person or an organization. +meta-description: The Vaadin component Avatar is a graphical representation of an object or entity, for example, a person or an organization. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/avatar}/#/elements/vaadin-avatar[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/avatar/Avatar.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/avatar}/packages/avatar[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-avatar-flow-parent[Java]' diff --git a/articles/components/avatar/styling.adoc b/articles/components/avatar/styling.adoc index 59e833ae0e..d124e31211 100644 --- a/articles/components/avatar/styling.adoc +++ b/articles/components/avatar/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Avatar component | Vaadin components description: Styling API reference for the Avatar and Avatar Group components. +meta-description: Customize the appearance of the Avatar component in Vaadin applications. order: 50 --- = Styling diff --git a/articles/components/badge/index.adoc b/articles/components/badge/index.adoc index 9b419dcc50..e215e666ad 100644 --- a/articles/components/badge/index.adoc +++ b/articles/components/badge/index.adoc @@ -1,6 +1,8 @@ --- title: Badge +page-title: Badge component | Vaadin components description: Badges are colored text elements containing small bits of information. +meta-description: The Vaadin component Badge is a colored text element used for labeling content, displaying metadata and/or highlighting information. page-links: - 'Source: https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/badge.js[TypeScript]' --- diff --git a/articles/components/basic-layouts/index.adoc b/articles/components/basic-layouts/index.adoc index 3615cec7f5..816109180e 100644 --- a/articles/components/basic-layouts/index.adoc +++ b/articles/components/basic-layouts/index.adoc @@ -1,6 +1,8 @@ --- 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. 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/board/index.adoc b/articles/components/board/index.adoc index b6365e2871..45d3f69e09 100644 --- a/articles/components/board/index.adoc +++ b/articles/components/board/index.adoc @@ -1,6 +1,8 @@ --- title: Board +page-title: Board | Vaadin components description: Board is a powerful and easy-to-use layout element for building views that work with various screen sizes. +meta-description: The Vaadin component Board is a powerful and easy-to-use layout element for building views that work with various screen sizes. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/board}/#/elements/vaadin-board[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/board/Board.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/board}/packages/board[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-board-flow-parent[Java]' diff --git a/articles/components/button/index.adoc b/articles/components/button/index.adoc index 51399f28e6..c73c430f83 100644 --- a/articles/components/button/index.adoc +++ b/articles/components/button/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Button +page-title: Button component | Vaadin components description: The Button component allows users to perform actions. It comes in several different style variants and supports icons as well as text labels. +meta-description: The Vaadin component Button allows users to perform actions. It comes in several different style variants and supports icons as well as text labels. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/button}/#/elements/vaadin-button[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/button/Button.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/button}/packages/button[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-button-flow-parent[Java]' diff --git a/articles/components/button/styling.adoc b/articles/components/button/styling.adoc index 087c181ace..3324c02884 100644 --- a/articles/components/button/styling.adoc +++ b/articles/components/button/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Button component | Vaadin components description: Styling API reference for the Button components. +meta-description: Learn how to style Vaadin Buttons with custom themes and CSS. Discover tips and examples to create visually appealing and functional buttons. order: 50 --- diff --git a/articles/components/charts/basic-use.adoc b/articles/components/charts/basic-use.adoc index 1af13740eb..741b5c079d 100644 --- a/articles/components/charts/basic-use.adoc +++ b/articles/components/charts/basic-use.adoc @@ -1,6 +1,8 @@ --- title: Basic Use +page-title: How to use Vaadin Charts for data visualization description: The basic use of charts in a view. +meta-description: Discover the basics of creating interactive and responsive charts with Vaadin. Learn how to visualize data effectively in your applications. order: 3 --- diff --git a/articles/components/charts/charttypes.adoc b/articles/components/charts/charttypes.adoc index 0cf4797feb..558c752cea 100644 --- a/articles/components/charts/charttypes.adoc +++ b/articles/components/charts/charttypes.adoc @@ -1,6 +1,8 @@ --- title: Chart Types +page-title: Explore various chart types for Vaadin Charts component description: A list of chart types available and information on using and configuring them. +meta-description: See a list of various chart types available for Vaadin Charts and learn about their implementation in applications. order: 4 --- diff --git a/articles/components/charts/configuration.adoc b/articles/components/charts/configuration.adoc index a7eece0127..627253dec2 100644 --- a/articles/components/charts/configuration.adoc +++ b/articles/components/charts/configuration.adoc @@ -1,6 +1,8 @@ --- title: Chart Configuration +page-title: How to configure Vaadin charts description: How to configure the various types of charts. +meta-description: Customize and configure charts in Vaadin to create engaging data visualizations. order: 5 --- diff --git a/articles/components/charts/css-styling.adoc b/articles/components/charts/css-styling.adoc index 335c16a30c..c4885f67a1 100644 --- a/articles/components/charts/css-styling.adoc +++ b/articles/components/charts/css-styling.adoc @@ -1,6 +1,8 @@ --- title: Chart Styling +page-title: How to customize Vaadin charts with CSS description: How to style a chart with CSS in your project. +meta-description: Learn how to style Vaadin Charts using CSS. Customize colors, fonts, and layouts to align with your application design. order: 6 --- diff --git a/articles/components/charts/data.adoc b/articles/components/charts/data.adoc index e22cab39b9..7f22c38ba5 100644 --- a/articles/components/charts/data.adoc +++ b/articles/components/charts/data.adoc @@ -1,6 +1,8 @@ --- title: Chart Data +page-title: How to bind data to Vaadin Charts description: Explains the storage and use of chart data. +meta-description: Learn to connect your data sources to Vaadin Charts for dynamic and interactive visualizations. order: 6 --- diff --git a/articles/components/charts/index.adoc b/articles/components/charts/index.adoc index f8f01e8803..df1972044a 100644 --- a/articles/components/charts/index.adoc +++ b/articles/components/charts/index.adoc @@ -1,6 +1,8 @@ --- title: Charts +page-title: Charts component | Vaadin components description: Charts is a feature-rich interactive charting library with a vast number of different chart types from basic plotting to complex financial charting. +meta-description: Visualize data in your applications using Vaadin Charts, featuring diverse chart types and customization options. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/charts}/#/elements/vaadin-chart[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/charts/Chart.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/charts}/packages/charts[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-charts-flow-parent[Java]' diff --git a/articles/components/charts/installing.adoc b/articles/components/charts/installing.adoc index a7bd9f65ca..3c79a11cb6 100644 --- a/articles/components/charts/installing.adoc +++ b/articles/components/charts/installing.adoc @@ -1,6 +1,8 @@ --- title: Installing Charts for Vaadin Flow +page-title: How to install Vaadin Charts for Vaadin Flow description: How to install Charts in a project. +meta-description: Install and configure Vaadin Charts to visualize data in your applications. order: 2 --- diff --git a/articles/components/charts/migrating-from-earlier-versions.adoc b/articles/components/charts/migrating-from-earlier-versions.adoc index 32c69c743f..f224bf27a7 100644 --- a/articles/components/charts/migrating-from-earlier-versions.adoc +++ b/articles/components/charts/migrating-from-earlier-versions.adoc @@ -1,6 +1,8 @@ --- title: Migrating from Earlier Versions +page-title: How to migrate Vaadin Charts from earlier versions description: Information on migrating chart components from earlier versions of Vaadin. +meta-description: Learn how to migrate to newer versions of Vaadin Charts for improved features. order: 8 --- diff --git a/articles/components/charts/svg-generator.adoc b/articles/components/charts/svg-generator.adoc index f0edc4f992..1c697e778b 100644 --- a/articles/components/charts/svg-generator.adoc +++ b/articles/components/charts/svg-generator.adoc @@ -1,6 +1,8 @@ --- title: Exporting Charts as SVG +page-title: How to export Vaadin Charts as SVG description: How to export charts to SVG format. +meta-description: Create scalable and exportable SVG charts with Vaadin. Learn how to customize and integrate them into your applications effortlessly. order: 9 --- diff --git a/articles/components/charts/timeline.adoc b/articles/components/charts/timeline.adoc index 599fcc7073..835056f347 100644 --- a/articles/components/charts/timeline.adoc +++ b/articles/components/charts/timeline.adoc @@ -1,6 +1,8 @@ --- title: Timeline +page-title: How to create timeline charts with Vaadin Charts description: How to add the ability to select different time ranges for charts. +meta-description: Discover how to design and customize timeline charts in Vaadin applications. order: 8 --- diff --git a/articles/components/charts/usage-with-lit.adoc b/articles/components/charts/usage-with-lit.adoc index f18a7ffc3e..6f5d8036c4 100644 --- a/articles/components/charts/usage-with-lit.adoc +++ b/articles/components/charts/usage-with-lit.adoc @@ -1,6 +1,8 @@ --- title: Usage with Lit +page-title: How to use Vaadin Charts with Lit description: Examples of using Charts with Lit. +meta-description: Learn how to integrate and use Vaadin Charts component with Lit in Vaadin applications. order: 11 --- diff --git a/articles/components/charts/usage-with-react.adoc b/articles/components/charts/usage-with-react.adoc index 41ae811ddd..8b2e0cc3bd 100644 --- a/articles/components/charts/usage-with-react.adoc +++ b/articles/components/charts/usage-with-react.adoc @@ -1,6 +1,8 @@ --- title: Usage with React +page-title: How to use Vaadin Charts component with React description: Examples of using Charts with React +meta-description: Learn how to use Vaadin Charts with React for interactive data visualizations, featuring examples for Column, Area, Pie, and Polar charts order: 10 --- diff --git a/articles/components/checkbox/index.adoc b/articles/components/checkbox/index.adoc index b2854b5f91..dfa67f201b 100644 --- a/articles/components/checkbox/index.adoc +++ b/articles/components/checkbox/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Checkbox +page-title: Checkbox component | Vaadin components description: How to use Checkbox, an input field for a binary choice and Checkbox Group to group related items. +meta-description: How to use Vaadin's Checkbox component, an input field for a binary choice and Checkbox Group to group related items. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/checkbox}/#/elements/vaadin-checkbox[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/checkbox/Checkbox.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/checkbox}/packages/checkbox[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-checkbox-flow-parent[Java]' diff --git a/articles/components/checkbox/styling.adoc b/articles/components/checkbox/styling.adoc index 2dbf35a74c..88b464caf3 100644 --- a/articles/components/checkbox/styling.adoc +++ b/articles/components/checkbox/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Checkbox component | Vaadin components description: Styling API reference for the Checkbox component. +meta-description: Customize the appearance of the Vaadin Checkbox component to align with your application’s theme. order: 50 --- = Styling diff --git a/articles/components/combo-box/index.adoc b/articles/components/combo-box/index.adoc index 080d458b32..bedbfab654 100644 --- a/articles/components/combo-box/index.adoc +++ b/articles/components/combo-box/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Combo Box +page-title: Combo Box component | Vaadin components description: Combo Box allows the user to choose a value from a filterable list of options presented in an overlay. +meta-description: Add and customize the Vaadin Combo Box component for flexible dropdown selection. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/combo-box}/#/elements/vaadin-combo-box[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/combobox/ComboBox.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/combo-box}/packages/combo-box[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-combo-box-flow-parent[Java]' diff --git a/articles/components/combo-box/styling.adoc b/articles/components/combo-box/styling.adoc index 51a8d69d16..7dcdb5b389 100644 --- a/articles/components/combo-box/styling.adoc +++ b/articles/components/combo-box/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Combo Box component | Vaadin components description: Styling API reference for the Combo Box component. +meta-description: Customize and style the Vaadin Combo Box component to fit your app's design system. order: 50 --- = Styling diff --git a/articles/components/confirm-dialog/index.adoc b/articles/components/confirm-dialog/index.adoc index 97129c180a..b9f7e81118 100644 --- a/articles/components/confirm-dialog/index.adoc +++ b/articles/components/confirm-dialog/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Confirm Dialog +page-title: Confirm Dialog component | Vaadin components description: Confirm Dialog is a modal Dialog used to confirm user actions. +meta-description: Use the Vaadin Confirm Dialog component for better user interactions. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/confirm-dialog}/#/elements/vaadin-confirm-dialog[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/confirmdialog/ConfirmDialog.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/confirm-dialog}/packages/confirm-dialog[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-confirm-dialog-flow-parent[Java]' diff --git a/articles/components/confirm-dialog/styling.adoc b/articles/components/confirm-dialog/styling.adoc index 26e75750bd..e1e2ec01eb 100644 --- a/articles/components/confirm-dialog/styling.adoc +++ b/articles/components/confirm-dialog/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style Confirm Dialog component | Vaadin components description: Styling API reference for the Confirm Dialog component. +meta-description: Learn how to style the Vaadin Confirm Dialog component with custom themes and CSS. Discover tips and examples for creating visually consistent and unique dialogs. order: 50 --- = Styling diff --git a/articles/components/context-menu/index.adoc b/articles/components/context-menu/index.adoc index 35b7789c1b..b9145a58b2 100644 --- a/articles/components/context-menu/index.adoc +++ b/articles/components/context-menu/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Context Menu +page-title: Context Menu component | Vaadin components description: Context Menu is a component that you can attach to any component to display a context menu. +meta-description: Implement and configure context menus for better user interaction in your Vaadin applications. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/context-menu}/#/elements/vaadin-context-menu[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/contextmenu/ContextMenu.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/context-menu}/packages/context-menu[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-context-menu-flow-parent[Java]' diff --git a/articles/components/context-menu/styling.adoc b/articles/components/context-menu/styling.adoc index 29e228029b..6819787751 100644 --- a/articles/components/context-menu/styling.adoc +++ b/articles/components/context-menu/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Context Menu component | Vaadin components description: Styling API reference for the Context Menu component. +meta-description: Customize the Vaadin Context Menu component for an intuitive user interface. order: 50 --- = Styling diff --git a/articles/components/cookie-consent/index.adoc b/articles/components/cookie-consent/index.adoc index 2ace79b698..9c3ae59141 100644 --- a/articles/components/cookie-consent/index.adoc +++ b/articles/components/cookie-consent/index.adoc @@ -1,7 +1,9 @@ --- tab-title: Usage title: Cookie Consent +page-title: Cookie Consent component | Vaadin components description: Cookie Consent aims to help you comply with privacy laws such as General Data Protection Regulation (GDPR) and California Consumer Privacy Act (CCPA). +meta-description: Add the Vaadin Cookie Consent component to your Vaadin applications and learn how to customize it. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/cookie-consent}/#/elements/vaadin-cookie-consent[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/cookieconsent/CookieConsent.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/cookie-consent}/packages/cookie-consent[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-cookie-consent-flow-parent[Java]' diff --git a/articles/components/crud/index.adoc b/articles/components/crud/index.adoc index bfa4ed9629..8fe165b1e6 100644 --- a/articles/components/crud/index.adoc +++ b/articles/components/crud/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: CRUD +page-title: CRUD component | Vaadin components description: CRUD is a component for managing a dataset. It allows for easy displaying, editing, creating, and deleting of items. +meta-description: Simplify data management in your Vaadin applications with the CRUD component. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/crud}/#/elements/vaadin-crud[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/crud/Crud.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/crud}/packages/crud[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-crud-flow-parent[Java]' diff --git a/articles/components/crud/styling.adoc b/articles/components/crud/styling.adoc index 5232783ea4..e5375b7818 100644 --- a/articles/components/crud/styling.adoc +++ b/articles/components/crud/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the CRUD component | Vaadin components description: Styling API reference for the CRUD component. +meta-description: Style the Vaadin CRUD component for a polished and user-friendly data management interface. order: 50 --- = Styling diff --git a/articles/components/custom-field/index.adoc b/articles/components/custom-field/index.adoc index cf71538b58..62819992f4 100644 --- a/articles/components/custom-field/index.adoc +++ b/articles/components/custom-field/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Custom Field +page-title: Custom Field component | Vaadin components description: Use Custom Field for wrapping multiple components as a single field. +meta-description: Learn how to create and configure custom fields for unique input needs in Vaadin. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/custom-field}/#/elements/vaadin-custom-field[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/customfield/CustomField.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/custom-field}/packages/custom-field[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-custom-field-flow-parent[Java]' diff --git a/articles/components/custom-field/styling.adoc b/articles/components/custom-field/styling.adoc index 79dcc8feaa..4ae59381fb 100644 --- a/articles/components/custom-field/styling.adoc +++ b/articles/components/custom-field/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Custom Field component | Vaadin components description: Styling API reference for the Custom Field component. +meta-description: Learn to style the Vaadin Custom Field component to align with your application’s design requirements. order: 50 --- = Styling diff --git a/articles/components/date-picker/date-formats.adoc b/articles/components/date-picker/date-formats.adoc index db94abdaa2..7683fbb4f1 100644 --- a/articles/components/date-picker/date-formats.adoc +++ b/articles/components/date-picker/date-formats.adoc @@ -1,6 +1,8 @@ --- title: Date Formats +page-title: How to customize Date Formats in Vaadin Date Picker description: Configuring date formats for Date Picker. +meta-description: Learn how to customize Vaadin Date Picker with Java locales, custom date formats, server-side parsing, and React & Lit integration. order: 60 --- diff --git a/articles/components/date-picker/index.adoc b/articles/components/date-picker/index.adoc index a5946560ee..ae73728200 100644 --- a/articles/components/date-picker/index.adoc +++ b/articles/components/date-picker/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Date Picker +page-title: Date Picker component | Vaadin components description: Date Picker is an input field that allows the user to enter a date by typing or by selecting from a calendar overlay. +meta-description: Add and configure the Date Picker component in Vaadin applications for efficient date selection. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/date-picker}/#/elements/vaadin-date-picker[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/datepicker/DatePicker.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/date-picker}/packages/date-picker[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-date-picker-flow-parent[Java]' diff --git a/articles/components/date-picker/styling.adoc b/articles/components/date-picker/styling.adoc index 297444c0e2..f47b8c928e 100644 --- a/articles/components/date-picker/styling.adoc +++ b/articles/components/date-picker/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Date Picker component | Vaadin components description: Styling API reference for the Date Picker component. +meta-description: Learn how to customize the appearance of the Vaadin Date Picker component. order: 50 --- = Styling diff --git a/articles/components/date-time-picker/index.adoc b/articles/components/date-time-picker/index.adoc index ac6fd6c6e3..7ef05f2a3e 100644 --- a/articles/components/date-time-picker/index.adoc +++ b/articles/components/date-time-picker/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Date Time Picker +page-title: Date Time Picker component | Vaadin components description: Date Time Picker is an input field for selecting both a date and a time. +meta-description: Use the Date Time Picker component in Vaadin for precise date and time input. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/date-time-picker}/#/elements/vaadin-date-time-picker[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/datetimepicker/DateTimePicker.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/date-time-picker}/packages/date-time-picker[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-date-time-picker-flow-parent[Java]' diff --git a/articles/components/date-time-picker/styling.adoc b/articles/components/date-time-picker/styling.adoc index f0d4a410d2..0e93820c5b 100644 --- a/articles/components/date-time-picker/styling.adoc +++ b/articles/components/date-time-picker/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Date Time Picker component | Vaadin description: Styling API reference for the Date Time Picker component. +meta-description: Customize the design of the Vaadin Date Time Picker component for a better user experience. order: 50 --- = Styling diff --git a/articles/components/details/index.adoc b/articles/components/details/index.adoc index df90da2def..aa7e381cd3 100644 --- a/articles/components/details/index.adoc +++ b/articles/components/details/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Details +page-title: Details component | Vaadin components description: Details is an expandable panel for showing and hiding content from the user, to make the UI less cluttered. +meta-description: The Vaadin component Details is an expandable panel for showing and hiding content from the user, to make the UI less cluttered. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/details}/#/elements/vaadin-details[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/details/Details.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/details}/packages/details[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-details-flow-parent[Java]' diff --git a/articles/components/details/styling.adoc b/articles/components/details/styling.adoc index 19ca9ea49d..2c106391d6 100644 --- a/articles/components/details/styling.adoc +++ b/articles/components/details/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Details component | Vaadin components description: Styling API reference for the Details component. +meta-description: Customize the Vaadin Details component for a cohesive application user interface. order: 50 --- = Styling diff --git a/articles/components/dialog/index.adoc b/articles/components/dialog/index.adoc index e3fef2a8e7..4ce0f05bf8 100644 --- a/articles/components/dialog/index.adoc +++ b/articles/components/dialog/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Dialog +page-title: Dialog component | Vaadin components description: Dialog is a small window that can be used to present information and user interface elements in an overlay. +meta-description: Use the Vaadin component Dialog to present information and user interface elements in an overlay. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/dialog}/#/elements/vaadin-dialog[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/dialog/Dialog.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/dialog}/packages/dialog[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-dialog-flow-parent[Java]' diff --git a/articles/components/dialog/styling.adoc b/articles/components/dialog/styling.adoc index dc5e07e11d..11c0e15751 100644 --- a/articles/components/dialog/styling.adoc +++ b/articles/components/dialog/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Dialog component | Vaadin components description: Styling API reference for the Dialog component. +meta-description: Customize the Vaadin Dialog component to match your application's style and improve user experience. order: 50 --- diff --git a/articles/components/email-field/index.adoc b/articles/components/email-field/index.adoc index 24b98188dd..e4015f6d85 100644 --- a/articles/components/email-field/index.adoc +++ b/articles/components/email-field/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Email Field +page-title: Email Field component | Vaadin components description: Email Field is an extension of Text Field that accepts only email addresses as input. +meta-description: Use the Vaadin component Email Field as a text field that accepts only email addresses as input. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/text-field}/#/elements/vaadin-email-field[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/textfield/EmailField.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/text-field}/packages/email-field[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-text-field-flow-parent[Java]' diff --git a/articles/components/email-field/styling.adoc b/articles/components/email-field/styling.adoc index 1479b0435d..aed20cb78a 100644 --- a/articles/components/email-field/styling.adoc +++ b/articles/components/email-field/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Email Field component | Vaadin components description: Styling API reference for the Email Field component. +meta-description: Customize the Vaadin Email Field component with CSS to match your application's theme. Learn tips for enhancing user input fields. order: 50 --- = Styling diff --git a/articles/components/figma.adoc b/articles/components/figma.adoc index 0285dbe4d2..a59403d2a2 100644 --- a/articles/components/figma.adoc +++ b/articles/components/figma.adoc @@ -1,6 +1,8 @@ --- title: Figma Libraries +page-title: Figma Libraries | Vaadin components description: A list of official Vaadin Figma libraries. +meta-description: Use the official Vaadin Figma libraries to create pixel-perfect UI designs and prototypes, that are easy to implement. order: 5000 layout: index --- diff --git a/articles/components/form-layout/index.adoc b/articles/components/form-layout/index.adoc index c3a914a3ba..e376891017 100644 --- a/articles/components/form-layout/index.adoc +++ b/articles/components/form-layout/index.adoc @@ -1,7 +1,9 @@ --- tab-title: Usage title: Form Layout +page-title: Form Layout component | Vaadin components description: Using Form Layout to build responsive forms with multiple columns and better positioned input labels. +meta-description: Use the Form Layout component in Vaadin to create responsive and structured forms. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/form-layout}/#/elements/vaadin-form-layout[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/formlayout/FormLayout.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/form-layout}/packages/form-layout[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-form-layout-flow-parent[Java]' diff --git a/articles/components/grid-pro/index.adoc b/articles/components/grid-pro/index.adoc index 3502b56cce..3410c69028 100644 --- a/articles/components/grid-pro/index.adoc +++ b/articles/components/grid-pro/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Grid Pro +page-title: Grid Pro component | Vaadin components description: Grid Pro, an extension of Grid, provides inline editing with full keyboard navigation. +meta-description: Explore the advanced features of Vaadin Grid Pro component for efficient data editing and display. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/grid-pro}/#/elements/vaadin-grid-pro[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/gridpro/GridPro.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/grid-pro}/packages/grid-pro[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-grid-pro-flow-parent[Java]' diff --git a/articles/components/grid-pro/styling.adoc b/articles/components/grid-pro/styling.adoc index 5b8e2fa7ca..f752075378 100644 --- a/articles/components/grid-pro/styling.adoc +++ b/articles/components/grid-pro/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Grid Pro component | Vaadin components description: Styling API reference for the Grid Pro component. +meta-description: Learn to style the Grid Pro component for your Vaadin applications with examples and best practices. order: 50 --- = Styling diff --git a/articles/components/grid/columns.adoc b/articles/components/grid/columns.adoc index f13d45c18f..9f5a96a7dd 100644 --- a/articles/components/grid/columns.adoc +++ b/articles/components/grid/columns.adoc @@ -1,5 +1,7 @@ --- title: Columns +page-title: Configuring columns of the Vaadin Grid component +meta-description: Learn about aligning, freezing, grouping, headers and footers, visibility, and width of the Vaadin Grid component's columns. order: 10 --- diff --git a/articles/components/grid/drag-drop.adoc b/articles/components/grid/drag-drop.adoc index f4d6452292..98461011b8 100644 --- a/articles/components/grid/drag-drop.adoc +++ b/articles/components/grid/drag-drop.adoc @@ -1,5 +1,7 @@ --- title: Drag and Drop +page-title: How to enable Grid Drag and Drop in Vaadin +meta-description: Add functionality for drag and drop to the Vaadin Grid component for improved interactivity. order: 40 --- diff --git a/articles/components/grid/index.adoc b/articles/components/grid/index.adoc index 9f4c3b5d3f..3623ecfbc9 100644 --- a/articles/components/grid/index.adoc +++ b/articles/components/grid/index.adoc @@ -1,6 +1,8 @@ --- title: Grid +page-title: Grid component | Vaadin components description: Vaadin Grid is a component for displaying tabular data, including various enhancements to grid renderings. +meta-description: Use the Vaadin Grid component to display tabular data, including various enhancements to grid renderings. tab-title: Usage layout: tabbed-page page-links: diff --git a/articles/components/grid/inline-editing.adoc b/articles/components/grid/inline-editing.adoc index a28a08d766..8c25ad32e4 100644 --- a/articles/components/grid/inline-editing.adoc +++ b/articles/components/grid/inline-editing.adoc @@ -1,5 +1,7 @@ --- title: Inline Editing +page-title: How to enable inline editing in Vaadin Grid +meta-description: Learn how to enable inline editing in the Vaadin Grid component for enhanced data management. order: 50 section-nav: badge-flow --- diff --git a/articles/components/grid/renderers.adoc b/articles/components/grid/renderers.adoc index 5d1cea8574..17eb84e3b2 100644 --- a/articles/components/grid/renderers.adoc +++ b/articles/components/grid/renderers.adoc @@ -1,5 +1,7 @@ --- title: Renderers +page-title: Using renderers in the Vaadin Grid component +meta-description: Use renderers to render the contents of a Vaadin Grid component's specific columns using components and native HTML elements. order: 20 --- diff --git a/articles/components/grid/styling.adoc b/articles/components/grid/styling.adoc index 8dae8a2002..1e30708f58 100644 --- a/articles/components/grid/styling.adoc +++ b/articles/components/grid/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Grid component | Vaadin components description: Styling API reference for the Grid component. +meta-description: Learn how to style the Vaadin Grid component to match your Vaadin application's design. order: 30 --- diff --git a/articles/components/horizontal-layout/index.adoc b/articles/components/horizontal-layout/index.adoc index 59fba1c531..164f08dc83 100644 --- a/articles/components/horizontal-layout/index.adoc +++ b/articles/components/horizontal-layout/index.adoc @@ -1,6 +1,8 @@ --- title: Horizontal Layout +page-title: Horizontal Layout component | Vaadin components description: Horizontal Layout places components side-by-side in a row. +meta-description: Learn how to use Vaadin Horizontal Layout component to arrange components side by side. Explore customization options, styling tips, and practical examples. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/horizontal-layout}/#/elements/vaadin-horizontal-layout[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/orderedlayout/HorizontalLayout.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/horizontal-layout}/packages/horizontal-layout[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-ordered-layout-flow-parent[Java]' diff --git a/articles/components/icons/default-icons.adoc b/articles/components/icons/default-icons.adoc index d5dd2e4214..6f72d3f825 100644 --- a/articles/components/icons/default-icons.adoc +++ b/articles/components/icons/default-icons.adoc @@ -1,5 +1,7 @@ --- title: Default Icons +page-title: Default Icons | Vaadin components +meta-description: Access and use Vaadin's default icons to enhance your application's design. order: 50 --- diff --git a/articles/components/icons/index.adoc b/articles/components/icons/index.adoc index 6b701926b5..9347849594 100644 --- a/articles/components/icons/index.adoc +++ b/articles/components/icons/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage 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. 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/components/index.adoc b/articles/components/index.adoc index f23b14d1f2..c02df8d3b9 100644 --- a/articles/components/index.adoc +++ b/articles/components/index.adoc @@ -1,6 +1,8 @@ --- title: Components +page-title: How to use Components | Vaadin components description: A list of available Vaadin components. +meta-description: Explore the full range of Vaadin components to enhance your web applications. order: 30 layout: index page-links: diff --git a/articles/components/list-box/index.adoc b/articles/components/list-box/index.adoc index 566eb338ac..e47fd23452 100644 --- a/articles/components/list-box/index.adoc +++ b/articles/components/list-box/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: List Box +page-title: List Box component | Vaadin components description: List Box allows the user to select one or more values from a scrollable list of items. +meta-description: Discover how to use the Vaadin List Box component to create interactive lists with customizable items. Learn about styling, features, and implementation examples. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/list-box}/#/elements/vaadin-list-box[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/listbox/ListBox.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/list-box}/packages/list-box[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-list-box-flow-parent[Java]' diff --git a/articles/components/list-box/styling.adoc b/articles/components/list-box/styling.adoc index 924419ec8c..1596a07e81 100644 --- a/articles/components/list-box/styling.adoc +++ b/articles/components/list-box/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the List Box component | Vaadin components description: Styling API reference for the List Box component. +meta-description: Learn how to customize the appearance of the Vaadin List Box component with CSS for a better user experience. order: 50 --- = Styling diff --git a/articles/components/login/index.adoc b/articles/components/login/index.adoc index 57edb17fe4..b1dd64bada 100644 --- a/articles/components/login/index.adoc +++ b/articles/components/login/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Login +page-title: Login component | Vaadin components description: Login is a component that contains a log-in form. You can use it to authenticate the user with a username and password. +meta-description: Vaadin Login component contains a log-in form. You can use it to authenticate the user with a username and password. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/login}/#/elements/vaadin-login-overlay[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/login/LoginOverlay.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/login}/packages/login[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-login-flow-parent[Java]' diff --git a/articles/components/login/styling.adoc b/articles/components/login/styling.adoc index 514d060542..c1e22b820e 100644 --- a/articles/components/login/styling.adoc +++ b/articles/components/login/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the List Box component | Vaadin components description: Styling API reference for the Login component. +meta-description: Learn how to customize the appearance of the Vaadin List Box component with CSS for a better user experience. order: 50 --- = Styling diff --git a/articles/components/map/index.adoc b/articles/components/map/index.adoc index 4da4124a01..d8fc90ca41 100644 --- a/articles/components/map/index.adoc +++ b/articles/components/map/index.adoc @@ -1,6 +1,8 @@ --- title: Map +page-title: Map component | Vaadin components description: Map is a component for displaying geographical maps from various sources. +meta-description: Use the Vaadin Map component to display geographical maps from various sources in your application. page-links: - 'API: https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/map/Map.html[Java]' - 'Source: https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-map-flow-parent[Java]' diff --git a/articles/components/menu-bar/index.adoc b/articles/components/menu-bar/index.adoc index e0796fd564..c5603f2c68 100644 --- a/articles/components/menu-bar/index.adoc +++ b/articles/components/menu-bar/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Menu Bar +page-title: Menu Bar component | Vaadin components description: Menu Bar is a horizontal button bar with hierarchical drop-down menus. +meta-description: Learn how to implement the Vaadin Menu Bar component in your Vaadin applications and how you can customize it for a better user experience. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/menu-bar}/#/elements/vaadin-menu-bar[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/menubar/MenuBar.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/menu-bar}/packages/menu-bar[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-menu-bar-flow-parent[Java]' diff --git a/articles/components/menu-bar/styling.adoc b/articles/components/menu-bar/styling.adoc index ca1b0c065f..b307a5dc35 100644 --- a/articles/components/menu-bar/styling.adoc +++ b/articles/components/menu-bar/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Menu Bar component | Vaadin components description: Styling API reference for the Menu Bar component. +meta-description: Customize the appearance of the Vaadin Menu Bar component to align with your application's theme. order: 50 --- = Styling diff --git a/articles/components/message-input/index.adoc b/articles/components/message-input/index.adoc index 05823410f0..2fd6bda33e 100644 --- a/articles/components/message-input/index.adoc +++ b/articles/components/message-input/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Message Input +page-title: Message Input component | Vaadin components description: Message Input allows users to author and send messages. +meta-description: Implement the Vaadin Message Input component in your application for seamless communication features. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/message-input}/#/elements/vaadin-message-input[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/messages/MessageInput.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/message-input}/packages/message-input[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-messages-flow-parent[Java]' diff --git a/articles/components/message-input/styling.adoc b/articles/components/message-input/styling.adoc index 87e3f33be8..0ad00a083c 100644 --- a/articles/components/message-input/styling.adoc +++ b/articles/components/message-input/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Message Input component | Vaadin components description: Styling API reference for the Message Input component. +meta-description: Style the Vaadin Message Input component to align with your application's design and enhance user experience. order: 50 --- = Styling diff --git a/articles/components/message-list/index.adoc b/articles/components/message-list/index.adoc index bce6b81a78..c86bf9e4bc 100644 --- a/articles/components/message-list/index.adoc +++ b/articles/components/message-list/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Message List +page-title: Message List component | Vaadin components description: Message List allows you to show a list of messages, for example, a chat log. +meta-description: Use the Vaadin Message List component in your application to display chat or message threads effectively. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/message-list}/#/elements/vaadin-message-list[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/messages/MessageList.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/message-list}/packages/message-list[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-messages-flow-parent[Java]' diff --git a/articles/components/message-list/styling.adoc b/articles/components/message-list/styling.adoc index 831dddfbbf..7b630b2244 100644 --- a/articles/components/message-list/styling.adoc +++ b/articles/components/message-list/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Message List component | Vaadin components description: Styling API reference for the Message List component. +meta-description: Customize the appearance of the Vaadin Message List component for a polished user interface. order: 50 --- = Styling diff --git a/articles/components/multi-select-combo-box/index.adoc b/articles/components/multi-select-combo-box/index.adoc index 62f304d93f..552ace0d4d 100644 --- a/articles/components/multi-select-combo-box/index.adoc +++ b/articles/components/multi-select-combo-box/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Multi-Select Combo Box +page-title: Multi-Select Combo Box component | Vaadin components description: Adding a combo box to a project for users to be able to make multiple selections. +meta-description: Learn how to use multi-select combo boxes in Vaadin for advanced selection options. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:multi-select-combo-box}/#/elements/vaadin-multi-select-combo-box[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/combobox/MultiSelectComboBox.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:multi-select-combo-box}/packages/multi-select-combo-box[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-combo-box-flow-parent[Java]' diff --git a/articles/components/multi-select-combo-box/styling.adoc b/articles/components/multi-select-combo-box/styling.adoc index 25aeb62036..6e62e35ad5 100644 --- a/articles/components/multi-select-combo-box/styling.adoc +++ b/articles/components/multi-select-combo-box/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: Styling the Multi-Select Combo Box component | Vaadin description: Styling API reference for the Multi-Select Combo Box component. +meta-description: Customize the look and behavior of multi-select combo boxes in your Vaadin applications for a better user experience. order: 50 --- = Styling diff --git a/articles/components/notification/index.adoc b/articles/components/notification/index.adoc index 194899f99f..a164ff241a 100644 --- a/articles/components/notification/index.adoc +++ b/articles/components/notification/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Notification +page-title: Notification component | Vaadin components description: Notification is used to provide feedback to the user about activities, processes, and events in the application. +meta-description: Use the Vaadin Notification component to to provide feedback to the user about activities, processes, and events in your application. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/notification}/#/elements/vaadin-notification[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/notification/Notification.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/notification}/packages/notification[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-notification-flow-parent[Java]' diff --git a/articles/components/notification/styling.adoc b/articles/components/notification/styling.adoc index 597cdf933f..b84cfccdee 100644 --- a/articles/components/notification/styling.adoc +++ b/articles/components/notification/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Notification component | Vaadin components description: Styling API reference for the Notification component. +meta-description: Style the Vaadin Notification component in your application for a cohesive user experience. order: 50 --- diff --git a/articles/components/number-field/index.adoc b/articles/components/number-field/index.adoc index 4a5eaf29b7..791ae6b137 100644 --- a/articles/components/number-field/index.adoc +++ b/articles/components/number-field/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Number Field +page-title: Number Field component | Vaadin components description: Number Field is an input field that accepts only numeric input. +meta-description: Use the Vaadin Number Field component in your application as an input field that accepts only numeric input. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/text-field}/#/elements/vaadin-number-field[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/textfield/NumberField.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/text-field}/packages/number-field[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-text-field-flow-parent[Java]' diff --git a/articles/components/number-field/styling.adoc b/articles/components/number-field/styling.adoc index 5a45cba791..19efa6157c 100644 --- a/articles/components/number-field/styling.adoc +++ b/articles/components/number-field/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Number Field component | Vaadin description: Styling API reference for the Number Field component. +meta-description: Style the Vaadin Number Field component to align it with your application's design requirements. order: 50 --- = Styling diff --git a/articles/components/password-field/index.adoc b/articles/components/password-field/index.adoc index f0fdb4cecf..b83612687f 100644 --- a/articles/components/password-field/index.adoc +++ b/articles/components/password-field/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Password Field +page-title: Password Field component | Vaadin components description: Password Field is an input field for entering passwords. +meta-description: Learn how to add the Vaadin Password Field component to your application and how to customize it to fit your needs. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/text-field}/#/elements/vaadin-password-field[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/textfield/PasswordField.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/text-field}/packages/password-field[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-text-field-flow-parent[Java]' diff --git a/articles/components/password-field/styling.adoc b/articles/components/password-field/styling.adoc index 2615221fb1..96b4d2396b 100644 --- a/articles/components/password-field/styling.adoc +++ b/articles/components/password-field/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Password Field component | Vaadin components description: Styling API reference for the Password Field component. +meta-description: Discover techniques for styling the Vaadin Password Field component for better user experience. order: 50 --- = Styling diff --git a/articles/components/popover/index.adoc b/articles/components/popover/index.adoc index efbdbc93b7..760661acf8 100644 --- a/articles/components/popover/index.adoc +++ b/articles/components/popover/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Popover +page-title: Popover component | Vaadin components description: Popover is a generic overlay whose position is anchored to an element in the UI. +meta-description: Use the Vaadin Popover component as an overlay whose position is anchored to an element in the user interface. version: since:com.vaadin:vaadin@V24.5 page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/popover}/#/elements/vaadin-popover[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/popover/Popover.html[Java]' diff --git a/articles/components/popover/styling.adoc b/articles/components/popover/styling.adoc index 3b2652edad..7d8fbc6662 100644 --- a/articles/components/popover/styling.adoc +++ b/articles/components/popover/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Popover component | Vaadin components description: Styling API reference for the Popover component. +meta-description: Style the Vaadin Popover component to align it with your application's design requirements. order: 50 --- = Styling diff --git a/articles/components/progress-bar/index.adoc b/articles/components/progress-bar/index.adoc index e4eff7fa04..290b014ffa 100644 --- a/articles/components/progress-bar/index.adoc +++ b/articles/components/progress-bar/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Progress Bar +page-title: Progress Bar component | Vaadin components description: Progress Bar shows the amount of completion of a task or process. +meta-description: Use the Vaadin Progress Bar component to show the amount of completion of a task or process in your application. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/progress-bar}/#/elements/vaadin-progress-bar[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/progressbar/ProgressBar.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/progress-bar}/packages/progress-bar[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-progress-bar-flow-parent[Java]' diff --git a/articles/components/progress-bar/styling.adoc b/articles/components/progress-bar/styling.adoc index eda2f340fc..7fd72d724b 100644 --- a/articles/components/progress-bar/styling.adoc +++ b/articles/components/progress-bar/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Progress Bar component | Vaadin components description: Styling API reference for the Progress Bar component. +meta-description: Enhance the look of your Vaadin Progress Bar component using CSS. Customize styles to align with your application's design. order: 50 --- = Styling diff --git a/articles/components/radio-button/index.adoc b/articles/components/radio-button/index.adoc index ef8fa9f8e8..a8a9435123 100644 --- a/articles/components/radio-button/index.adoc +++ b/articles/components/radio-button/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Radio Button +page-title: Radio Button component | Vaadin components description: Radio Button Group allows users to select one value among multiple choices. +meta-description: Implement radio button groups in your Vaadin applications for inputs that allow users to select one value among multiple choices. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/radio-group}/#/elements/vaadin-radio-group[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/radiobutton/RadioButtonGroup.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/radio-group}/packages/radio-group[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-radio-button-flow-parent[Java]' diff --git a/articles/components/radio-button/styling.adoc b/articles/components/radio-button/styling.adoc index a164a9119c..73b7d5696f 100644 --- a/articles/components/radio-button/styling.adoc +++ b/articles/components/radio-button/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Radio Button component | Vaadin components description: Styling API reference for the Radio Button and Radio Button Group components. +meta-description: Customize the look of the Vaadin Radio Button component in your applications to align with your design system. order: 50 --- = Styling diff --git a/articles/components/rich-text-editor/index.adoc b/articles/components/rich-text-editor/index.adoc index 77f0e9be22..ebb4f257d8 100644 --- a/articles/components/rich-text-editor/index.adoc +++ b/articles/components/rich-text-editor/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Rich Text Editor +page-title: Rich Text Editor component | Vaadin components description: Rich Text Editor allows the user to author text that has rich formatting. +meta-description: The Vaadin Rich Text Editor component allows users to author text that has rich formatting. Discover how to implement and customize it in your application. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/rich-text-editor}/#/elements/vaadin-rich-text-editor[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/richtexteditor/RichTextEditor.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/rich-text-editor}/packages/rich-text-editor[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-rich-text-editor-flow-parent[Java]' diff --git a/articles/components/rich-text-editor/styling.adoc b/articles/components/rich-text-editor/styling.adoc index 1dbcbf8b02..43fa31134b 100644 --- a/articles/components/rich-text-editor/styling.adoc +++ b/articles/components/rich-text-editor/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Rich Text Editor | Vaadin components description: Styling API reference for the Rich Text Editor component. +meta-description: Customize the Vaadin Rich Text Editor component to align with your application’s theme and branding. order: 50 --- = Styling diff --git a/articles/components/scroller/index.adoc b/articles/components/scroller/index.adoc index d487659331..328e34051a 100644 --- a/articles/components/scroller/index.adoc +++ b/articles/components/scroller/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Scroller +page-title: Scroller component | Vaadin components description: Scroller is a component container for creating scrollable areas in the UI. +meta-description: Use the Vaadin Scroller component as a container for creating scrollable areas in the user interface of your application. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/scroller}/#/elements/vaadin-scroller[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/orderedlayout/Scroller.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/scroller}/packages/scroller[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-ordered-layout-flow-parent[Java]' diff --git a/articles/components/scroller/styling.adoc b/articles/components/scroller/styling.adoc index 0877031e55..29da75c9a8 100644 --- a/articles/components/scroller/styling.adoc +++ b/articles/components/scroller/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Rich Text Editor | Vaadin components description: Styling API reference for the Scroller component. +meta-description: Customize the Vaadin Rich Text Editor component to align with your application’s theme and branding. order: 50 --- = Styling diff --git a/articles/components/select/index.adoc b/articles/components/select/index.adoc index 61a14c7b91..6824ae67d8 100644 --- a/articles/components/select/index.adoc +++ b/articles/components/select/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Select +page-title: Select component | Vaadin components description: Select allows users to choose a single value from a list of options presented in an overlay. +meta-description: Use Vaadin's Select component to allow users to choose a single value from a list of options presented in an overlay. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/select}/#/elements/vaadin-select[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/select/Select.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/select}/packages/select[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-select-flow-parent[Java]' diff --git a/articles/components/select/styling.adoc b/articles/components/select/styling.adoc index 91c671cc1d..6aab35f22c 100644 --- a/articles/components/select/styling.adoc +++ b/articles/components/select/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Select component | Vaadin components description: Styling API reference for the Select component. +meta-description: Learn to customize the appearance and behavior of the Vaadin Select component in your application. Create visually cohesive and user-friendly dropdowns. order: 50 --- = Styling diff --git a/articles/components/side-nav/index.adoc b/articles/components/side-nav/index.adoc index 122cf6a4e0..979ddd5aaa 100644 --- a/articles/components/side-nav/index.adoc +++ b/articles/components/side-nav/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Side Navigation +page-title: Side Navigation component | Vaadin components description: Side Navigation provides a vertical list of navigation links with support for collapsible, nested sections. +meta-description: Use the Vaadin Side Navigation component to provide a vertical list of navigation links with support for collapsible, nested sections. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/side-nav}/#/elements/vaadin-side-nav[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/sidenav/SideNav.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/side-nav}/packages/side-nav[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-side-nav-flow-parent[Java]' diff --git a/articles/components/side-nav/styling.adoc b/articles/components/side-nav/styling.adoc index 95e41b4591..03afb4183b 100644 --- a/articles/components/side-nav/styling.adoc +++ b/articles/components/side-nav/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style Side Navigation | Vaadin components description: Styling API reference for the Side Nav component. +meta-description: Explore styling options for creating a visually appealing side navigation in your Vaadin applications. order: 50 --- = Styling diff --git a/articles/components/split-layout/index.adoc b/articles/components/split-layout/index.adoc index 5c2816b26a..0b27fc9455 100644 --- a/articles/components/split-layout/index.adoc +++ b/articles/components/split-layout/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Split Layout +page-title: Split Layout component | Vaadin components description: Split Layout is a component with two content areas and a draggable split handle between them. +meta-description: Learn to create resizable layouts in your Vaadin application with the Split Layout component. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/split-layout}/#/elements/vaadin-split-layout[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/splitlayout/SplitLayout.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/split-layout}/packages/split-layout[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-split-layout-flow-parent[Java]' diff --git a/articles/components/split-layout/styling.adoc b/articles/components/split-layout/styling.adoc index 2f2735534c..2540d836d2 100644 --- a/articles/components/split-layout/styling.adoc +++ b/articles/components/split-layout/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Split Layout component | Vaadin description: Styling API reference for the Split Layout component. +meta-description: Learn various ways to customize and style the Vaadin Split Layout component in your applications. order: 50 --- = Styling diff --git a/articles/components/spreadsheet/index.adoc b/articles/components/spreadsheet/index.adoc index 33165ea157..d0f27b96be 100644 --- a/articles/components/spreadsheet/index.adoc +++ b/articles/components/spreadsheet/index.adoc @@ -1,6 +1,8 @@ --- title: Spreadsheet +page-title: Spreadsheet component | Vaadin components description: Spreadsheet allows displaying and interacting with the contents of an Excel file. +meta-description: Use the Vaadin Spreadsheet component to allow displaying and interacting with the contents of an Excel file in your application. page-links: - 'API: https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/spreadsheet/Spreadsheet.html[Java]' - 'Source: https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-spreadsheet-flow-parent[Java]' diff --git a/articles/components/tabs/index.adoc b/articles/components/tabs/index.adoc index 7d7c8c2b44..7e994e70c7 100644 --- a/articles/components/tabs/index.adoc +++ b/articles/components/tabs/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Tabs +page-title: Tabs component | Vaadin components description: Tabs are used to organize and group content into sections that the user can navigate. +meta-description: Use the Vaadin Tabs component in your application to organize and group content into sections that the user can navigate. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/tabs}/#/elements/vaadin-tabs[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/tabs/Tabs.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/tabs}/packages/tabs[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-tabs-flow-parent[Java]' diff --git a/articles/components/tabs/styling.adoc b/articles/components/tabs/styling.adoc index 4bd14cd6b1..44a1740281 100644 --- a/articles/components/tabs/styling.adoc +++ b/articles/components/tabs/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style Tabs | Vaadin components description: Styling API reference for the Tab Sheet and Tabs components. +meta-description: Learn how to customize the appearance of the Tab Sheet and Tabs components to match your application design. order: 50 --- = Styling diff --git a/articles/components/text-area/index.adoc b/articles/components/text-area/index.adoc index 702961f0bc..313f16fb51 100644 --- a/articles/components/text-area/index.adoc +++ b/articles/components/text-area/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Text Area +page-title: Text Area component | Vaadin components description: Text Area is an input field component that allows entry of multiple lines of text. +meta-description: Implement and customize the Text Area component in your Vaadin applications for multi-line user input. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/text-field}/#/elements/vaadin-text-area[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/textfield/TextArea.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/text-field}/packages/text-area[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-text-field-flow-parent[Java]' diff --git a/articles/components/text-area/styling.adoc b/articles/components/text-area/styling.adoc index 3757e0a7bc..181c5609fc 100644 --- a/articles/components/text-area/styling.adoc +++ b/articles/components/text-area/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Text Area component | Vaadin components description: Styling API reference for the Text Area component. +meta-description: Learn various ways to customize and style the Vaadin Text Area component in your application. order: 50 --- = Styling diff --git a/articles/components/text-field/index.adoc b/articles/components/text-field/index.adoc index 3fa28de695..3b629ce408 100644 --- a/articles/components/text-field/index.adoc +++ b/articles/components/text-field/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Text Field +page-title: Text Field component | Vaadin components description: Text Field allows users to enter text. +meta-description: Discover how to implement and customize text fields in your Vaadin applications using the Text Field component. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/text-field}/#/elements/vaadin-text-field[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/textfield/TextField.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/text-field}/packages/text-field[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-text-field-flow-parent[Java]' diff --git a/articles/components/text-field/styling.adoc b/articles/components/text-field/styling.adoc index 6f32d63849..f6846641ba 100644 --- a/articles/components/text-field/styling.adoc +++ b/articles/components/text-field/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Text Field component | Vaadin components description: Styling API reference for the Text Field component. +meta-description: Customize the Vaadin Text Field component to align with the design requirements of your application. order: 50 --- = Styling diff --git a/articles/components/time-picker/index.adoc b/articles/components/time-picker/index.adoc index 53597f5214..58ea680cd7 100644 --- a/articles/components/time-picker/index.adoc +++ b/articles/components/time-picker/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Time Picker +page-title: Time Picker component | Vaadin components description: Time Picker is an input field used for entering or selecting a specific time. +meta-description: Use the Vaadin Time Picker component to add input fields to your application for accurate time selection. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/time-picker}/#/elements/vaadin-time-picker[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/timepicker/TimePicker.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/time-picker}/packages/time-picker[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-time-picker-flow-parent[Java]' diff --git a/articles/components/time-picker/styling.adoc b/articles/components/time-picker/styling.adoc index eeab7b12c8..064fde777a 100644 --- a/articles/components/time-picker/styling.adoc +++ b/articles/components/time-picker/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Time Picker component | Vaadin components description: Styling API reference for the Time Picker component. +meta-description: Customize the appearance of the Vaadin Time Picker component with advanced styling options. order: 50 --- = Styling diff --git a/articles/components/tooltip/index.adoc b/articles/components/tooltip/index.adoc index 6ffaaa3592..bd6f76f0e2 100644 --- a/articles/components/tooltip/index.adoc +++ b/articles/components/tooltip/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Tooltip +page-title: Tooltip component | Vaadin components description: Tooltips are small pop-ups for providing additional information about other UI elements. +meta-description: Use the Vaadin Tooltip component in your application to add small pop-ups for providing additional information about other user interface elements. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:tooltip}/#/elements/vaadin-tooltip[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/shared/HasTooltip.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/tooltip}/packages/tooltip[TypeScript] / https://github.com/vaadin/flow-components/blob/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-flow-components-shared-parent/vaadin-flow-components-base/src/main/java/com/vaadin/flow/component/shared/HasTooltip.java[Java]' diff --git a/articles/components/tooltip/styling.adoc b/articles/components/tooltip/styling.adoc index fb90426502..c1e61434ec 100644 --- a/articles/components/tooltip/styling.adoc +++ b/articles/components/tooltip/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Tooltip component | Vaadin components description: Styling API reference for the Tooltip component. +meta-description: Explore how to style the Vaadin Tooltip component for better contextual information display in your application. order: 50 --- = Styling diff --git a/articles/components/tree-grid/index.adoc b/articles/components/tree-grid/index.adoc index 5f3185c15b..b5164cc1d5 100644 --- a/articles/components/tree-grid/index.adoc +++ b/articles/components/tree-grid/index.adoc @@ -2,7 +2,9 @@ tab-title: Usage layout: tabbed-page title: Tree Grid +page-title: Tree Grid component | Vaadin components description: The Tree Grid component displays hierarchical tabular data grouped in expandable nodes. +meta-description: Display hierarchical data in your Vaadin applications with the Tree Grid component. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/grid}/#/elements/vaadin-grid-tree-column[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/treegrid/TreeGrid.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/grid}/packages/grid[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-grid-flow-parent[Java]' diff --git a/articles/components/tree-grid/styling.adoc b/articles/components/tree-grid/styling.adoc index 2036b3fa21..fc6d0c5ab6 100644 --- a/articles/components/tree-grid/styling.adoc +++ b/articles/components/tree-grid/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Tree Grid component | Vaadin components description: Styling API reference for the Tree Grid component. +meta-description: Customize the appearance and behavior of the Vaadin Tree Grid component in your application. order: 50 --- = Styling diff --git a/articles/components/upload/file-handling.adoc b/articles/components/upload/file-handling.adoc index 8e02e1a02a..ebae6bd2a8 100644 --- a/articles/components/upload/file-handling.adoc +++ b/articles/components/upload/file-handling.adoc @@ -1,6 +1,8 @@ --- title: File Handling +page-title: Handling file uploads in the Upload component | Vaadin description: Handling file uploads. +meta-description: Learn how to handle file uploads in the Vaadin Upload component. order: 60 --- diff --git a/articles/components/upload/index.adoc b/articles/components/upload/index.adoc index cf3ed3844d..d19529699c 100644 --- a/articles/components/upload/index.adoc +++ b/articles/components/upload/index.adoc @@ -1,6 +1,8 @@ --- title: Upload +page-title: Upload component | Vaadin components description: Upload allows the user to upload files, giving feedback to the user during the upload process. +meta-description: Use the Vaadin Upload component to allow users to upload files, giving feedback during the upload process in your application. tab-title: Usage layout: tabbed-page page-links: diff --git a/articles/components/upload/styling.adoc b/articles/components/upload/styling.adoc index fc57330d34..3540d2a8c7 100644 --- a/articles/components/upload/styling.adoc +++ b/articles/components/upload/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style the Upload component | Vaadin components description: Styling API reference for the Upload component. +meta-description: Learn how to style and customize the Vaadin Upload component for your application. order: 50 --- = Styling diff --git a/articles/components/vertical-layout/index.adoc b/articles/components/vertical-layout/index.adoc index 4988df36b2..883c73881a 100644 --- a/articles/components/vertical-layout/index.adoc +++ b/articles/components/vertical-layout/index.adoc @@ -1,6 +1,8 @@ --- title: Vertical Layout +page-title: Vertical Layout component | Vaadin components description: Vertical Layout places components top-to-bottom in a column. +meta-description: Use the Vertical Layout component to arrange components vertically in your application. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/vertical-layout}/#/elements/vaadin-vertical-layout[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/orderedlayout/VerticalLayout.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/vertical-layout}/packages/vertical-layout[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-ordered-layout-flow-parent[Java]' diff --git a/articles/components/virtual-list/index.adoc b/articles/components/virtual-list/index.adoc index 471e75ce83..c9c463b623 100644 --- a/articles/components/virtual-list/index.adoc +++ b/articles/components/virtual-list/index.adoc @@ -1,6 +1,8 @@ --- title: Virtual List +page-title: Virtual List component | Vaadin components description: Virtual List allows you to render a long list of items inside a scrollable container without sacrificing performance. +meta-description: Use the Vaadin Virtual List component to implement virtual lists for handling large datasets efficiently in Vaadin applications. page-links: - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/virtual-list}/#/elements/vaadin-virtual-list[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/virtuallist/VirtualList.html[Java]' - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/virtual-list}/packages/virtual-list[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-virtual-list-flow-parent[Java]' diff --git a/articles/contributing/docs/index.adoc b/articles/contributing/docs/index.adoc index 33159a7e44..511276eb5d 100644 --- a/articles/contributing/docs/index.adoc +++ b/articles/contributing/docs/index.adoc @@ -1,6 +1,8 @@ --- title: Documentation +page-title: How to contribute to Vaadin Documentation description: Instructions and guidelines for contributing to the official Vaadin documentation -- this website. +meta-description: See instructions and guidelines for contributing to the official Vaadin documentation. order: 40 --- diff --git a/articles/contributing/docs/styleguide.adoc b/articles/contributing/docs/styleguide.adoc index db5ca83322..43f244d97b 100644 --- a/articles/contributing/docs/styleguide.adoc +++ b/articles/contributing/docs/styleguide.adoc @@ -1,6 +1,8 @@ --- title: Style Guide +page-title: Vaadin documentation style guide for contributors description: Writing style guidelines for documentation writers. +meta-description: Follow these guidelines to contribute to Vaadin documentation with consistency and clarity. order: 20 --- diff --git a/articles/contributing/docs/vale.adoc b/articles/contributing/docs/vale.adoc index 52c14967c5..7afb22fbb7 100644 --- a/articles/contributing/docs/vale.adoc +++ b/articles/contributing/docs/vale.adoc @@ -1,6 +1,8 @@ --- title: Vale +page-title: Vale style guide for contributing to Vaadin docs description: Vale helps contributors to follow the writing style rules and guidelines that are specific to the Vaadin and Hilla documentation. +meta-description: Learn how to use Vale to maintain consistent style in your Vaadin documentation contributions. order: 10 --- diff --git a/articles/contributing/docs/word-list.adoc b/articles/contributing/docs/word-list.adoc index b7e35bfcd6..a8ee1ed367 100644 --- a/articles/contributing/docs/word-list.adoc +++ b/articles/contributing/docs/word-list.adoc @@ -1,6 +1,8 @@ --- title: Word List +page-title: Word list for contributing to Vaadin docs description: List of words and phrases to avoid, and word usage advice for the Vaadin documentation. +meta-description: Follow the approved terminology and style conventions when contributing to Vaadin documentation. order: 40 --- diff --git a/articles/contributing/editor-settings.adoc b/articles/contributing/editor-settings.adoc index 4898c23996..c94807a358 100644 --- a/articles/contributing/editor-settings.adoc +++ b/articles/contributing/editor-settings.adoc @@ -1,6 +1,8 @@ --- title: Editor Settings +page-title: Editor settings for contributing to Vaadin description: How to organize your development environment for Vaadin documentation contributions. +meta-description: Set up your code editor for contributing to Vaadin with this guide. order: 10 --- diff --git a/articles/contributing/index.adoc b/articles/contributing/index.adoc index 777d7133da..a77dcd5508 100644 --- a/articles/contributing/index.adoc +++ b/articles/contributing/index.adoc @@ -1,6 +1,8 @@ --- title: Contributing +page-title: How to contribute to Vaadin description: How you can help make Vaadin better in many ways. +meta-description: Learn how to contribute to Vaadin projects and become part of the vibrant Vaadin community. order: 999 --- diff --git a/articles/contributing/pr.adoc b/articles/contributing/pr.adoc index 70789d430c..217bfd28d5 100644 --- a/articles/contributing/pr.adoc +++ b/articles/contributing/pr.adoc @@ -1,6 +1,8 @@ --- title: Pull Requests +page-title: How to create pull requests to Vaadin projects with GitHub description: How to contribute code to Vaadin projects with GitHub pull requests. +meta-description: Learn how to submit pull requests to Vaadin projects. Follow best practices for contributing to open-source codebases. order: 20 --- diff --git a/articles/contributing/tests.adoc b/articles/contributing/tests.adoc index aba6113277..2bb170d125 100644 --- a/articles/contributing/tests.adoc +++ b/articles/contributing/tests.adoc @@ -1,6 +1,8 @@ --- title: Creating Tests +page-title: Creating description: How to create tests for code contributions to ensure changes and additions work properly. +meta-description: Learn how to create tests for your Vaadin code contributions to ensure changes and additions work properly. order: 30 --- diff --git a/articles/control-center/application-deployment/hostname-guidelines.adoc b/articles/control-center/application-deployment/hostname-guidelines.adoc index 438df37c3e..029e4d0e1e 100644 --- a/articles/control-center/application-deployment/hostname-guidelines.adoc +++ b/articles/control-center/application-deployment/hostname-guidelines.adoc @@ -1,6 +1,8 @@ --- title: Hostname Guidelines +page-title: Choosing hostnames for Vaadin Control Center deployments description: How to choose proper hostnames for Control Center applications and services. +meta-description: Follow hostname guidelines for deploying applications in the Vaadin Control Center. --- diff --git a/articles/control-center/application-deployment/index.adoc b/articles/control-center/application-deployment/index.adoc index 0617976693..3149acc284 100644 --- a/articles/control-center/application-deployment/index.adoc +++ b/articles/control-center/application-deployment/index.adoc @@ -1,6 +1,8 @@ --- title: Application Deployment +page-title: Vaadin Control Center application deployment guide description: How to use Control Center's Application Discovery feature. +meta-description: Deploy applications efficiently using the Vaadin Control Center. Learn how to use the Application Discovery feature of Control Center. order: 20 --- diff --git a/articles/control-center/dev-mode/index.adoc b/articles/control-center/dev-mode/index.adoc index d08c176c15..d010e0184f 100644 --- a/articles/control-center/dev-mode/index.adoc +++ b/articles/control-center/dev-mode/index.adoc @@ -1,6 +1,8 @@ --- title: Local Development Mode +page-title: How to use development mode with Vaadin Control Center description: Running an Application in Development Mode with Control Center. +meta-description: Learn how to run your application in development mode with Vaadin Control Center. order: 20 --- diff --git a/articles/control-center/getting-started/1.1.0-pre-release.adoc b/articles/control-center/getting-started/1.1.0-pre-release.adoc index f378b2f48c..b68cee2143 100644 --- a/articles/control-center/getting-started/1.1.0-pre-release.adoc +++ b/articles/control-center/getting-started/1.1.0-pre-release.adoc @@ -1,6 +1,8 @@ --- title: Getting Started with Control Center 1.1 +page-title: Getting Started with Vaadin Control Center 1.1 description: Learn how to get started with Control Center 1.1 +meta-description: Learn how to get started with Vaadin Control Center version 1.1. order: 100 --- diff --git a/articles/control-center/getting-started/docker-desktop.adoc b/articles/control-center/getting-started/docker-desktop.adoc index 1d93b76adb..25203c1bf4 100644 --- a/articles/control-center/getting-started/docker-desktop.adoc +++ b/articles/control-center/getting-started/docker-desktop.adoc @@ -1,6 +1,8 @@ --- title: Kubernetes on Docker Desktop +page-title: Learn how to set up a Kubernetes cluster on Docker Desktop description: Learn how to set up a Kubernetes cluster on Docker Desktop. +meta-description: Vaadin Control Center simplifies the management of Vaadin applications on Kubernetes clusters. Learn how to first set up a Kubernetes cluster on Docker Desktop. order: 50 --- diff --git a/articles/control-center/getting-started/index.adoc b/articles/control-center/getting-started/index.adoc index ecc4c44089..d423010fa5 100644 --- a/articles/control-center/getting-started/index.adoc +++ b/articles/control-center/getting-started/index.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: How to get started with Vaadin Control Center description: The basics of how to deploy Control Center in a cloud environment. +meta-description: Get started with Vaadin Control Center for efficient application management. order: 10 --- diff --git a/articles/control-center/getting-started/local-environment.adoc b/articles/control-center/getting-started/local-environment.adoc index dd64b73922..2b6b240c42 100644 --- a/articles/control-center/getting-started/local-environment.adoc +++ b/articles/control-center/getting-started/local-environment.adoc @@ -1,6 +1,8 @@ --- title: Getting Started in a Local Environment +page-title: How to set up Vaadin Control Center in a local environment description: How to set up Control Center in a local environment. +meta-description: Learn how to set up Vaadin Control Center in a local environment. order: 20 --- diff --git a/articles/control-center/identity-management/index.adoc b/articles/control-center/identity-management/index.adoc index 1fbb54a256..a2deb76ab2 100644 --- a/articles/control-center/identity-management/index.adoc +++ b/articles/control-center/identity-management/index.adoc @@ -1,6 +1,8 @@ --- title: Identity Management +page-title: How to manage identities in Vaadin Control Center description: Manage users, groups, and roles in your deployed applications. +meta-description: Learn how to configure identity management in Vaadin Control Center for secure applications. order: 30 --- diff --git a/articles/control-center/identity-management/login-logout.adoc b/articles/control-center/identity-management/login-logout.adoc index 57c0ea54ef..356025e850 100644 --- a/articles/control-center/identity-management/login-logout.adoc +++ b/articles/control-center/identity-management/login-logout.adoc @@ -1,6 +1,8 @@ --- title: Login and Logout +page-title: Login and Logout using Vaadin Control Center description: Creating login and logout controls using Control Center identity management security. +meta-description: How to create login and logout controls using Vaadin Control Center identity management security. order: 40 --- diff --git a/articles/control-center/index.adoc b/articles/control-center/index.adoc index 477a5240f6..d81523a32e 100644 --- a/articles/control-center/index.adoc +++ b/articles/control-center/index.adoc @@ -1,6 +1,8 @@ --- title: Control Center +page-title: How to use Vaadin Control Center description: Speed up development with Control Center, a specialized tool designed specifically for managing Vaadin applications on Kubernetes clusters. +meta-description: Speed up development with Vaadin's Control Center, a specialized tool designed specifically for managing Vaadin applications on Kubernetes clusters. order: 70 section-nav: badge-preview flat expanded --- diff --git a/articles/control-center/localization/index.adoc b/articles/control-center/localization/index.adoc index 92365bc926..4486226906 100644 --- a/articles/control-center/localization/index.adoc +++ b/articles/control-center/localization/index.adoc @@ -1,6 +1,8 @@ --- title: Localization +page-title: How to localize Vaadin applications with Control Center description: Use Control Center to localize Vaadin applications. +meta-description: Use Vaadin Control Center to localize Vaadin applications. section-nav: commercial order: 60 --- diff --git a/articles/control-center/security/index.adoc b/articles/control-center/security/index.adoc index f3b118cb97..a6b4de599b 100644 --- a/articles/control-center/security/index.adoc +++ b/articles/control-center/security/index.adoc @@ -1,6 +1,8 @@ --- title: Security Considerations +page-title: Security best practices for Vaadin Control Center description: Security best practices for Control Center. +meta-description: Learn best practices for security when using Vaadin's Control Center tool. order: 20 --- diff --git a/articles/flow/advanced/application-lifecycle.adoc b/articles/flow/advanced/application-lifecycle.adoc index b93593ab3c..ac2c3bfa2b 100644 --- a/articles/flow/advanced/application-lifecycle.adoc +++ b/articles/flow/advanced/application-lifecycle.adoc @@ -1,6 +1,8 @@ --- title: Application Lifecycle +page-title: How to manage the Vaadin application lifecycle description: The more technical details of application deployment, user sessions, and the UI instance lifecycle. +meta-description: Understand the lifecycle of a Vaadin application by reading through the technical details of deployment, user sessions, and the UI instance lifecycle. order: 10 --- diff --git a/articles/flow/advanced/browser-access.adoc b/articles/flow/advanced/browser-access.adoc index 52a90fe4b3..677840ddee 100644 --- a/articles/flow/advanced/browser-access.adoc +++ b/articles/flow/advanced/browser-access.adoc @@ -1,6 +1,8 @@ --- title: Browser Access +page-title: How to handle browser access in Vaadin applications description: Accessing the browser page using the Page object. +meta-description: Learn how to manage and restrict browser access to secure your Vaadin applications effectively. order: 200 --- diff --git a/articles/flow/advanced/classic-components.adoc b/articles/flow/advanced/classic-components.adoc index bce7cb374f..18e8ee3f3e 100644 --- a/articles/flow/advanced/classic-components.adoc +++ b/articles/flow/advanced/classic-components.adoc @@ -1,7 +1,9 @@ --- title: Classic Components +page-title: Classic components in Vaadin Flow order: 40 description: Build on the latest Vaadin version with familiar component APIs. +meta-description: Explore how to use classic Vaadin components for backward compatibility in your Flow applications. page-links: - https://vaadin.com/api/com.vaadin/vaadin-classic-components-flow/[API docs] --- diff --git a/articles/flow/advanced/css-loading-order.adoc b/articles/flow/advanced/css-loading-order.adoc index c3aab69a09..3ec00a9ad5 100644 --- a/articles/flow/advanced/css-loading-order.adoc +++ b/articles/flow/advanced/css-loading-order.adoc @@ -1,6 +1,8 @@ --- title: CSS Loading Order +page-title: CSS loading order in Vaadin applications description: Understanding CSS loading order. +meta-description: Learn how to control CSS loading order in Vaadin applications for consistent styling. order: 610 --- diff --git a/articles/flow/advanced/custom-error-handler.adoc b/articles/flow/advanced/custom-error-handler.adoc index fed6ff5135..77a3ef4cdf 100644 --- a/articles/flow/advanced/custom-error-handler.adoc +++ b/articles/flow/advanced/custom-error-handler.adoc @@ -1,6 +1,8 @@ --- title: Custom Error Handling +page-title: How to create a custom error handler in Vaadin description: Customizing error views related to navigation between routes. +meta-description: Implement custom error handling in Vaadin for better application reliability. order: 145 --- diff --git a/articles/flow/advanced/custom-instantiators.adoc b/articles/flow/advanced/custom-instantiators.adoc index 05962440d0..f4b6692779 100644 --- a/articles/flow/advanced/custom-instantiators.adoc +++ b/articles/flow/advanced/custom-instantiators.adoc @@ -1,6 +1,8 @@ --- title: Custom Instantiator +page-title: How to use custom instantiators in Vaadin Flow description: Creating a custom Instantiator implementation. +meta-description: Learn how to implement and use custom instantiators to enhance dependency injection in Vaadin Flow. order: 750 --- diff --git a/articles/flow/advanced/customize-system-messages.adoc b/articles/flow/advanced/customize-system-messages.adoc index dd668e1b16..8bd85c4a0f 100644 --- a/articles/flow/advanced/customize-system-messages.adoc +++ b/articles/flow/advanced/customize-system-messages.adoc @@ -1,6 +1,8 @@ --- title: Customizing System Messages +page-title: How to customize system messages in Vaadin description: Configuring messages for application invalid state. +meta-description: Modify system messages to improve user experience in Vaadin applications. order: 147 --- diff --git a/articles/flow/advanced/dependency-filter.adoc b/articles/flow/advanced/dependency-filter.adoc index 333449151f..f4a0cfd2b4 100644 --- a/articles/flow/advanced/dependency-filter.adoc +++ b/articles/flow/advanced/dependency-filter.adoc @@ -1,6 +1,8 @@ --- title: Modifying how dependencies are loaded with DependencyFilter +page-title: How to use dependency filters in Vaadin Flow description: Using the DependencyFilter interface to control which dependencies are loaded. +meta-description: Use dependency filters to optimize Vaadin application performance and security. order: 90 --- diff --git a/articles/flow/advanced/dynamic-content.adoc b/articles/flow/advanced/dynamic-content.adoc index d91a532b56..68f8a3ea16 100644 --- a/articles/flow/advanced/dynamic-content.adoc +++ b/articles/flow/advanced/dynamic-content.adoc @@ -1,6 +1,8 @@ --- title: Dynamic Content +page-title: How to create dynamic content in Vaadin description: Generating content dynamically based on the application state. +meta-description: Learn how to manage and display dynamic content in Vaadin Flow applications. order: 110 --- diff --git a/articles/flow/advanced/history-api.adoc b/articles/flow/advanced/history-api.adoc index 747755ac69..9b0afe2d7a 100644 --- a/articles/flow/advanced/history-api.adoc +++ b/articles/flow/advanced/history-api.adoc @@ -1,6 +1,8 @@ --- title: History API +page-title: How to use the history API in Vaadin Flow description: Using the History API to access and modify the browser history from the server side. +meta-description: Manage browser history efficiently in Vaadin applications using the History API. order: 120 --- diff --git a/articles/flow/advanced/i18n-localization.adoc b/articles/flow/advanced/i18n-localization.adoc index a991cc107b..28e19165d8 100644 --- a/articles/flow/advanced/i18n-localization.adoc +++ b/articles/flow/advanced/i18n-localization.adoc @@ -1,6 +1,8 @@ --- title: Localization +page-title: How to localize Vaadin apps with i18n description: Implementing localization and translation strings using I18NProvider. +meta-description: Set up internationalization in Vaadin for multilingual support. order: 20 --- diff --git a/articles/flow/advanced/index.adoc b/articles/flow/advanced/index.adoc index 7f8f37d27b..2303a94987 100644 --- a/articles/flow/advanced/index.adoc +++ b/articles/flow/advanced/index.adoc @@ -1,5 +1,7 @@ --- title: Advanced Topics +page-title: Advanced Topics of Vaadin Flow description: A collection of miscellaneous important topics and features that you may need in Vaadin applications. +meta-description: Browse a collection of miscellaneous important topics and features that you may need in Vaadin applications. order: 220 --- diff --git a/articles/flow/advanced/loading-indicator.adoc b/articles/flow/advanced/loading-indicator.adoc index 3606a79ea4..0906182918 100644 --- a/articles/flow/advanced/loading-indicator.adoc +++ b/articles/flow/advanced/loading-indicator.adoc @@ -1,6 +1,8 @@ --- title: The Loading Indicator +page-title: How to customize the loading indicator in Vaadin description: Using a loading indicator to notify the user of progress in loading the page. +meta-description: Learn how to modify and enhance the Vaadin Loading Indicator for better user experience in your application. order: 50 --- diff --git a/articles/flow/advanced/loading-resources.adoc b/articles/flow/advanced/loading-resources.adoc index 5ff0ff025f..a42def872f 100644 --- a/articles/flow/advanced/loading-resources.adoc +++ b/articles/flow/advanced/loading-resources.adoc @@ -1,6 +1,8 @@ --- title: Loading Resources +page-title: How to load resources dynamically in Vaadin description: How resources are stored in a project, and how to access them in an application. +meta-description: Learn how to dynamically load resources in Vaadin for flexible application configurations. order: 600 --- diff --git a/articles/flow/advanced/long-running-tasks.adoc b/articles/flow/advanced/long-running-tasks.adoc index 3fe8d3a247..031b827c69 100644 --- a/articles/flow/advanced/long-running-tasks.adoc +++ b/articles/flow/advanced/long-running-tasks.adoc @@ -1,6 +1,8 @@ --- title: Handling Long-Running Tasks +page-title: How to manage long-running tasks in Vaadin applications description: How to handle long-running tasks in Vaadin applications. +meta-description: Manage long-running tasks in Vaadin applications with practical techniques. order: 175 --- @@ -23,7 +25,7 @@ The examples used here are based on Spring Boot, but a similar approach can be u To illustrate how a poorly designed handling of long-running tasks can affect users, consider the following backend service that simulates a long-running task. -.BackendService.java +.`BackendService.java` [source,java] ---- @Service @@ -44,7 +46,7 @@ public class BackendService { Consider also that the [methodname]`BackendService.longRunningTask()` method is being called from the following Vaadin UI: -.MainView.java +.`MainView.java` [source,java] ---- @Route("") @@ -82,7 +84,7 @@ When the asynchronous task is finished, Vaadin uses <<{articles}/flow/advanced/s The following example shows how the [methodname]`BackendService.longRunningTask()` method can be adjusted to run asynchronously in a separate thread. -.BackendService.java +.`BackendService.java` [source,java] ---- @Service @@ -113,7 +115,7 @@ With these changes in place, you can change the UI to allow the user to start th Vaadin can then use the [interfacename]`ListenableFuture` and the [methodname]`UI.access()` method of <<{articles}/flow/advanced/server-push#, Server Push>> to notify the user when the task is completed. This is how [filename]`MainView.java` could look now: -.MainView.java +.`MainView.java` [source,java] ---- @Route("") @@ -157,7 +159,7 @@ For the above example to work as intended, you need two extra annotations for th You can make both changes in the same class as illustrated in the following [classname]`Application` class (which both extends [classname]`SpringBootServletInitializer` and implements [interfacename]`AppShellConfigurator`): -.Application.java +.`Application.java` [source,java] ---- @SpringBootApplication @@ -177,7 +179,7 @@ public class Application extends SpringBootServletInitializer implements AppShel With the Vaadin component <<{articles}/components/progress-bar#, Progress Bar>>, you can provide an indicator that a long-running action is currently in progress. The following adjusts the above [classname]`MainView` example to show a progress bar when the user clicks the "Start long-running task" button. -.MainView.java +.`MainView.java` [source,java] ---- @Route("") @@ -236,7 +238,7 @@ For your task to be cancellable, the following conditions must be met: The modified [classname]`MainView` class below shows how to add a [classname]`Button` to cancel the long-running task. -.MainView.java +.`MainView.java` [source,java] ---- @Route("") diff --git a/articles/flow/advanced/menu-configuration.adoc b/articles/flow/advanced/menu-configuration.adoc index bf7bf6ca48..6351c7f5ee 100644 --- a/articles/flow/advanced/menu-configuration.adoc +++ b/articles/flow/advanced/menu-configuration.adoc @@ -1,6 +1,8 @@ --- title: Menu Configuration +page-title: Generating custom menus in Vaadin Flow description: Collecting menu annotated routes for menu generation. +meta-description: Use MenuConfiguration to collect defined server and client routes for creating menus in Vaadin Flow. order: 115 --- diff --git a/articles/flow/advanced/modifying-the-bootstrap-page.adoc b/articles/flow/advanced/modifying-the-bootstrap-page.adoc index 5b69545e91..a10611ae7d 100644 --- a/articles/flow/advanced/modifying-the-bootstrap-page.adoc +++ b/articles/flow/advanced/modifying-the-bootstrap-page.adoc @@ -1,6 +1,8 @@ --- title: Modifying Bootstrap Page at Runtime +page-title: How to modify the bootstrap page in Vaadin description: Customizing an application shell (a.k.a., bootstrap page) to improve page loading speed. +meta-description: The application shell in Vaadin Flow is also known as the Bootstrap Page. Customize the Bootstrap Page to tailor the initial application load behavior. order: 30 --- diff --git a/articles/flow/advanced/preserving-state-on-refresh.adoc b/articles/flow/advanced/preserving-state-on-refresh.adoc index fae4032753..a164a3de28 100644 --- a/articles/flow/advanced/preserving-state-on-refresh.adoc +++ b/articles/flow/advanced/preserving-state-on-refresh.adoc @@ -1,6 +1,8 @@ --- title: Preserving the State on Refresh +page-title: How to preserve state on page refresh in Vaadin description: Using the @PreserveOnRefresh annotation to keep the state of a view when it's refreshed. +meta-description: Ensure uninterrupted user experience by maintaining application state during reloads when using Vaadin. order: 150 --- diff --git a/articles/flow/advanced/server-push.adoc b/articles/flow/advanced/server-push.adoc index 5bab893158..2bbce67ea1 100644 --- a/articles/flow/advanced/server-push.adoc +++ b/articles/flow/advanced/server-push.adoc @@ -1,6 +1,8 @@ --- title: Server Push +page-title: How to enable server push in Vaadin applications description: Server push allows you to update the UI from the server for the users without them requesting updates. +meta-description: Implement server push in Vaadin to deliver real-time updates to users. order: 620 --- diff --git a/articles/flow/advanced/server-side-modality.adoc b/articles/flow/advanced/server-side-modality.adoc index 7469f8873d..7358e7ab80 100644 --- a/articles/flow/advanced/server-side-modality.adoc +++ b/articles/flow/advanced/server-side-modality.adoc @@ -1,6 +1,8 @@ --- title: Server-Side Modality +page-title: How to implement server-side modality in Vaadin description: How to prevent interactions on the server side. +meta-description: Control dialogs and modals on the server side in Vaadin Flow applications. order: 700 --- diff --git a/articles/flow/advanced/service-init-listener.adoc b/articles/flow/advanced/service-init-listener.adoc index bb42ca5405..c2ee48c9e0 100644 --- a/articles/flow/advanced/service-init-listener.adoc +++ b/articles/flow/advanced/service-init-listener.adoc @@ -1,6 +1,8 @@ --- title: Service Init Listener +page-title: How to use the service init listener in Vaadin description: Using VaadinServiceInitListener to configure RequestHandler, IndexHtmlRequestListener and DependencyFiler objects, and to dynamically register routes during start-up. +meta-description: Discover how to implement and use the service initialization listener - VaadinServiceInitListener - in Vaadin applications. order: 100 --- diff --git a/articles/flow/advanced/servlet-container-authentication.adoc b/articles/flow/advanced/servlet-container-authentication.adoc index 32bc07f75e..397dda0c82 100644 --- a/articles/flow/advanced/servlet-container-authentication.adoc +++ b/articles/flow/advanced/servlet-container-authentication.adoc @@ -1,6 +1,8 @@ --- title: Servlet-Container Authentication +page-title: How to use servlet container authentication in Vaadin description: Configuring session-based and servlet container authentication. +meta-description: Secure your Vaadin applications with Servlet Container Authentication. Learn to implement session-based authentication for enhanced security. order: 150 --- @@ -20,7 +22,7 @@ For customized authentication, you need to implement a custom [classname]`HttpSe The following example contains a customized [classname]`Principal` object. It's assumed that this principal is set as a [classname]`Session` attribute at some point by the application. -.CustomPrincipal.java +.`CustomPrincipal.java` [source,java] ---- public class CustomPrincipal implements Principal { @@ -42,7 +44,7 @@ public class CustomPrincipal implements Principal { } ---- -.CustomHttpServletRequest.java +.`CustomHttpServletRequest.java` [source,java] ---- public class CustomHttpServletRequest extends HttpServletRequestWrapper { @@ -65,7 +67,7 @@ public class CustomHttpServletRequest extends HttpServletRequestWrapper { } ---- -.CustomWebFilter.java +.`CustomWebFilter.java` [source,java] ---- @WebFilter("/connect") @@ -124,7 +126,7 @@ export class MyLogin extends LitElement { Next, change the above filter to handle the request and set the appropriate principal object in the session. -.CustomWebFilter.java +.`CustomWebFilter.java` [source,java] ---- @WebFilter("/connect") diff --git a/articles/flow/advanced/session-and-ui-init-listener.adoc b/articles/flow/advanced/session-and-ui-init-listener.adoc index 8e171ab173..07ba4d8032 100644 --- a/articles/flow/advanced/session-and-ui-init-listener.adoc +++ b/articles/flow/advanced/session-and-ui-init-listener.adoc @@ -1,6 +1,8 @@ --- title: Session pass:[&] UI Listeners +page-title: How to use session and UI init listeners in Vaadin description: Listening for session and UI instantiation with SessionInitListener and UIInitListener. +meta-description: Set up session and UI initialization listeners for application-level control in Vaadin. order: 140 --- diff --git a/articles/flow/advanced/stream-resources.adoc b/articles/flow/advanced/stream-resources.adoc index 866d503465..7dff4317d8 100644 --- a/articles/flow/advanced/stream-resources.adoc +++ b/articles/flow/advanced/stream-resources.adoc @@ -1,6 +1,8 @@ --- title: StreamReceiver +page-title: How to use stream resources in Vaadin Flow description: Using StreamReceiver to receive an incoming data stream. +meta-description: Learn to generate and serve dynamic content using stream resources in Vaadin Flow. order: 130 --- diff --git a/articles/flow/advanced/using-minifinder.adoc b/articles/flow/advanced/using-minifinder.adoc index 50536021e3..fac7b80983 100644 --- a/articles/flow/advanced/using-minifinder.adoc +++ b/articles/flow/advanced/using-minifinder.adoc @@ -1,6 +1,8 @@ --- title: Preparing for V8 Upgrade Automation +page-title: How to use MiniFinder in upgrading Vaadin 8 applications description: How to use the Minifinder for Eclipse to determine the potential success of a V8 Upgrade Automation service. +meta-description: Use Minifinder for Eclipse in Vaadin applications for efficient debugging and optimization, and determining the success of a V8 Upgrade Automation service. --- diff --git a/articles/flow/advanced/web-storage-api.adoc b/articles/flow/advanced/web-storage-api.adoc index 4a1410c81b..a2bd3239cd 100644 --- a/articles/flow/advanced/web-storage-api.adoc +++ b/articles/flow/advanced/web-storage-api.adoc @@ -1,6 +1,8 @@ --- title: Web Storage API +page-title: How to use the web storage API in Vaadin description: Using Web Storage API to access browser storage from the server. +meta-description: Learn how to integrate web storage APIs in Vaadin applications for data persistence and synchronization. order: 760 --- diff --git a/articles/flow/api.adoc b/articles/flow/api.adoc index b5931a54c5..1fd222c7a4 100644 --- a/articles/flow/api.adoc +++ b/articles/flow/api.adoc @@ -1,6 +1,8 @@ --- title: API Reference +page-title: Vaadin Flow API Reference description: Links to Application Programming Interface documentation. +meta-description: Explore the Vaadin Flow API documentation to build robust web applications with ease. order: 999 layout: index --- diff --git a/articles/flow/application/events.adoc b/articles/flow/application/events.adoc index 253eeab173..5a6bde7da5 100644 --- a/articles/flow/application/events.adoc +++ b/articles/flow/application/events.adoc @@ -1,6 +1,8 @@ --- title: Handling Events +page-title: How to handle application events in Vaadin description: Learn the basics of event handling in Vaadin Flow. +meta-description: Learn how to manage and respond to application events in Vaadin Flow applications. order: 13 --- diff --git a/articles/flow/application/index.adoc b/articles/flow/application/index.adoc index 3e087460c2..60a361d222 100644 --- a/articles/flow/application/index.adoc +++ b/articles/flow/application/index.adoc @@ -1,6 +1,8 @@ --- title: Application Basics +page-title: Basics of creating an application using Vaadin Flow description: Basics of creating an application using Flow. +meta-description: Vaadin Flow lets a server-side Java application build an UI from components in Java. Learn the basics of how to create an application with Vaadin Flow. order: 20 --- diff --git a/articles/flow/application/main-view.adoc b/articles/flow/application/main-view.adoc index 4560e485ad..ba983b63f2 100644 --- a/articles/flow/application/main-view.adoc +++ b/articles/flow/application/main-view.adoc @@ -1,6 +1,8 @@ --- title: Creating a Main View +page-title: How to create a main view in Vaadin Flow description: How to create main views with a header, a menu, and a content area. +meta-description: Learn to set up a main view as the central component of your Vaadin Flow application. order: 18 --- diff --git a/articles/flow/application/resources.adoc b/articles/flow/application/resources.adoc index 98ef2adc08..e7d9e6f81f 100644 --- a/articles/flow/application/resources.adoc +++ b/articles/flow/application/resources.adoc @@ -1,6 +1,8 @@ --- title: Images pass:[&] Icons +page-title: How to use Images & Icons in your Vaadin application description: Images and icons are basic visual features of an application. +meta-description: Learn how to manage static resources effectively in your Vaadin applications to enhance performance and usability. order: 50 --- diff --git a/articles/flow/application/routing-navigation.adoc b/articles/flow/application/routing-navigation.adoc index 5409e5e9a3..4412d83947 100644 --- a/articles/flow/application/routing-navigation.adoc +++ b/articles/flow/application/routing-navigation.adoc @@ -1,6 +1,8 @@ --- title: Basic Routing pass:[&] Navigation +page-title: Routing and navigation in Vaadin Flow applications description: Understanding the basics of the routes of views, URLs and navigation. +meta-description: Explore routing and navigation techniques for building smooth Vaadin applications. order: 20 --- diff --git a/articles/flow/application/ui.adoc b/articles/flow/application/ui.adoc index 287ba671b5..83ccbd73d9 100644 --- a/articles/flow/application/ui.adoc +++ b/articles/flow/application/ui.adoc @@ -1,6 +1,8 @@ --- title: Building a UI +page-title: How to create UIs with Vaadin Flow description: How to construct views with user interface components. +meta-description: Learn to create user interfaces in Vaadin Flow. Build dynamic, responsive applications with intuitive UI components. order: 10 --- diff --git a/articles/flow/binding-data/components-binder-beans.adoc b/articles/flow/binding-data/components-binder-beans.adoc index bdca88513b..60491149eb 100644 --- a/articles/flow/binding-data/components-binder-beans.adoc +++ b/articles/flow/binding-data/components-binder-beans.adoc @@ -1,6 +1,8 @@ --- title: Binding Beans to Forms +page-title: How to use binder beans with Vaadin components description: How beans, the standard Java model for business objects are bound to forms. +meta-description: Learn how to use component binders with beans in Vaadin for efficient data binding. order: 40 --- diff --git a/articles/flow/binding-data/components-binder-load.adoc b/articles/flow/binding-data/components-binder-load.adoc index fc290c1d5a..2f18b8ea9c 100644 --- a/articles/flow/binding-data/components-binder-load.adoc +++ b/articles/flow/binding-data/components-binder-load.adoc @@ -1,6 +1,8 @@ --- title: Loading pass:[&] Saving to Business Objects +page-title: How to load data into components with Vaadin binder description: Loading business objects and then saving them. +meta-description: Connect data models to user interface components in Vaadin Flow using the binder API. order: 30 --- diff --git a/articles/flow/binding-data/components-binder-validation.adoc b/articles/flow/binding-data/components-binder-validation.adoc index 7b37631697..ea9dee3ce2 100644 --- a/articles/flow/binding-data/components-binder-validation.adoc +++ b/articles/flow/binding-data/components-binder-validation.adoc @@ -1,6 +1,8 @@ --- title: Validating pass:[&] Converting User Input +page-title: How to use Binder for data binding and validation | Vaadin description: Validating forms with multiple fields, and converting field values from input format to acceptable data format. +meta-description: Learn how to use Binder in Vaadin Flow for data binding and validation. Explore examples and best practices for creating robust forms in your applications. order: 20 --- diff --git a/articles/flow/binding-data/components-binder.adoc b/articles/flow/binding-data/components-binder.adoc index ea179e6169..d97e86fe0d 100644 --- a/articles/flow/binding-data/components-binder.adoc +++ b/articles/flow/binding-data/components-binder.adoc @@ -1,6 +1,8 @@ --- title: Binding Data to Forms +page-title: How to bind data with components using binder | Vaadin description: How to bind data to forms, which are composites with multiple fields that each bind to sub-structures in data. +meta-description: Learn how to bind data to forms, which are composites with multiple fields that each bind to sub-structures in data, in Vaadin Flow. order: 10 --- diff --git a/articles/flow/binding-data/data-provider.adoc b/articles/flow/binding-data/data-provider.adoc index d67f0ded1e..184d8a70b7 100644 --- a/articles/flow/binding-data/data-provider.adoc +++ b/articles/flow/binding-data/data-provider.adoc @@ -1,6 +1,8 @@ --- title: Binding Items to Components +page-title: How to bind data with Vaadin data provider description: Binding and displaying a list of items in components, such as Grid and Combo Box. +meta-description: Learn how to use the data provider API for binding and managing data in your Vaadin applications. order: 50 --- diff --git a/articles/flow/binding-data/field.adoc b/articles/flow/binding-data/field.adoc index 28b6467538..d4546e0148 100644 --- a/articles/flow/binding-data/field.adoc +++ b/articles/flow/binding-data/field.adoc @@ -1,6 +1,8 @@ --- title: Creating a Component that Has a Value +page-title: How to bind data to fields in Vaadin description: How to create a field component. +meta-description: Learn and explore techniques for binding data to fields in Vaadin for seamless data handling. order: 60 --- diff --git a/articles/flow/binding-data/index.adoc b/articles/flow/binding-data/index.adoc index 76ebb9809a..152c35ed36 100644 --- a/articles/flow/binding-data/index.adoc +++ b/articles/flow/binding-data/index.adoc @@ -1,6 +1,8 @@ --- title: Data Binding +page-title: How to bind data effectively in Vaadin description: Show data in listing components and collect user input using form fields. +meta-description: Explore data binding techniques in Vaadin Flow to ensure accurate data handling. order: 60 --- diff --git a/articles/flow/configuration/development-mode/dev-tools/component-locator.adoc b/articles/flow/configuration/development-mode/dev-tools/component-locator.adoc index def07ef10e..ef0127224d 100644 --- a/articles/flow/configuration/development-mode/dev-tools/component-locator.adoc +++ b/articles/flow/configuration/development-mode/dev-tools/component-locator.adoc @@ -1,6 +1,8 @@ --- title: Component Locator +page-title: How to use the component locator in Vaadin DevTools description: Use Component Locator to identify components in views and find their source code in an IDE. +meta-description: Use the component locator in Vaadin development tools for efficient debugging and UI testing. order: 1 --- diff --git a/articles/flow/configuration/development-mode/dev-tools/dev-tools-plugin-support.adoc b/articles/flow/configuration/development-mode/dev-tools/dev-tools-plugin-support.adoc index 72a4d6bdd5..5b6a1daaa9 100644 --- a/articles/flow/configuration/development-mode/dev-tools/dev-tools-plugin-support.adoc +++ b/articles/flow/configuration/development-mode/dev-tools/dev-tools-plugin-support.adoc @@ -1,6 +1,8 @@ --- title: Development Tools Plugin Support +page-title: How to enable DevTools plugin support in Vaadin description: Creating and adding plugins for the Development Tools pop-up. +meta-description: Set up DevTools plugin support in Vaadin for streamlined debugging and development. order: 100 --- diff --git a/articles/flow/configuration/development-mode/dev-tools/index.adoc b/articles/flow/configuration/development-mode/dev-tools/index.adoc index 23579b6147..f02fd4af6d 100644 --- a/articles/flow/configuration/development-mode/dev-tools/index.adoc +++ b/articles/flow/configuration/development-mode/dev-tools/index.adoc @@ -1,6 +1,8 @@ --- title: Development Tools +page-title: How to use dev tools in development mode | Vaadin description: Vaadin tools available when running applications in development mode. +meta-description: Discover how to configure and utilize Vaadin Dev Tools to streamline development and debugging processes. order: 209 --- diff --git a/articles/flow/configuration/development-mode/index.adoc b/articles/flow/configuration/development-mode/index.adoc index 5eaf5acc85..60c9bb5736 100644 --- a/articles/flow/configuration/development-mode/index.adoc +++ b/articles/flow/configuration/development-mode/index.adoc @@ -1,6 +1,8 @@ --- title: Development Mode +page-title: How to configure development mode in Vaadin description: Develop applications faster with a live-reload, frontend development server. +meta-description: Learn how to optimize and configure development mode for your Vaadin application to develop faster with a live-reload, frontend development server. order: 20 --- diff --git a/articles/flow/configuration/development-mode/node-js.adoc b/articles/flow/configuration/development-mode/node-js.adoc index 6df51d1849..57a8242e37 100644 --- a/articles/flow/configuration/development-mode/node-js.adoc +++ b/articles/flow/configuration/development-mode/node-js.adoc @@ -1,6 +1,8 @@ --- title: Node.js +page-title: How to configure Node.js for Vaadin development description: Installing and using Node.js locally and in CI servers. +meta-description: Vaadin uses the Node.js runtime in development mode to run the Vite development server. Learn how to set up and optimize Node.js for Vaadin development. order: 10 --- diff --git a/articles/flow/configuration/development-mode/npm-pnpm-bun.adoc b/articles/flow/configuration/development-mode/npm-pnpm-bun.adoc index 0861c7f904..8c713ce7d3 100644 --- a/articles/flow/configuration/development-mode/npm-pnpm-bun.adoc +++ b/articles/flow/configuration/development-mode/npm-pnpm-bun.adoc @@ -1,6 +1,8 @@ --- title: npm/pnpm/bun +page-title: Configuring a frontend package manager for Vaadin description: Configuring the frontend package manager. +meta-description: Select the best frontend package manager for your Vaadin application development. Use npm or an alternative manager like pnpm or bun. order: 20 --- diff --git a/articles/flow/configuration/feature-flags.adoc b/articles/flow/configuration/feature-flags.adoc index fa6df0691a..b87f6c11cc 100644 --- a/articles/flow/configuration/feature-flags.adoc +++ b/articles/flow/configuration/feature-flags.adoc @@ -1,6 +1,8 @@ --- title: Feature Flags +page-title: How to configure feature flags in Vaadin Flow description: How to test experimental features or switch temporarily back to legacy and deprecated features. +meta-description: Feature Flags allow you to enable and test experimental features in your Vaadin application, or switch temporarily back to legacy and deprecated behavior. order: 160 --- diff --git a/articles/flow/configuration/index.adoc b/articles/flow/configuration/index.adoc index 6b96df5178..bdcf0ddd67 100644 --- a/articles/flow/configuration/index.adoc +++ b/articles/flow/configuration/index.adoc @@ -1,5 +1,7 @@ --- title: Configuration +page-title: How to configure your environments for Vaadin description: Instructions on how to configure your application and development environment. +meta-description: How to configure your Vaadin application and development environment. order: 200 --- diff --git a/articles/flow/configuration/licenses/daily-active-users.adoc b/articles/flow/configuration/licenses/daily-active-users.adoc index b1dcf95a73..565b9ae708 100644 --- a/articles/flow/configuration/licenses/daily-active-users.adoc +++ b/articles/flow/configuration/licenses/daily-active-users.adoc @@ -1,7 +1,9 @@ --- title: Daily Active Users +page-title: How to use the DAU license model | Vaadin layout: tabbed-page description: Short description +meta-description: What is the DAU license model and how you can customize it for your project's specifics. order: 10 --- diff --git a/articles/flow/configuration/licenses/index.adoc b/articles/flow/configuration/licenses/index.adoc index fca82f4cf2..b161e5e400 100644 --- a/articles/flow/configuration/licenses/index.adoc +++ b/articles/flow/configuration/licenses/index.adoc @@ -1,6 +1,8 @@ --- title: Licenses +page-title: How to configure Vaadin licenses for your project description: How commercial product license validation works, and how to get and use license keys. +meta-description: Learn how commercial product license validation works, and how to get and use license keys for your Vaadin projects. order: 150 --- diff --git a/articles/flow/configuration/live-reload/cdi.adoc b/articles/flow/configuration/live-reload/cdi.adoc index 8da421d163..01386c5e8c 100644 --- a/articles/flow/configuration/live-reload/cdi.adoc +++ b/articles/flow/configuration/live-reload/cdi.adoc @@ -1,6 +1,8 @@ --- title: Automatic Restart with TomEE Maven Plugin +page-title: How to use live reload with CDI in Vaadin description: How to enable hotswap when developing Vaadin applications using CDI. +meta-description: Learn to enable and utilize live reload functionality when developing Vaadin applications using CDI. tab-title: TomEE order: 50 --- diff --git a/articles/flow/configuration/live-reload/hotswap-agent.adoc b/articles/flow/configuration/live-reload/hotswap-agent.adoc index 4478bb9a1e..7275781010 100644 --- a/articles/flow/configuration/live-reload/hotswap-agent.adoc +++ b/articles/flow/configuration/live-reload/hotswap-agent.adoc @@ -1,6 +1,8 @@ --- title: Live Reload with HotswapAgent +page-title: How to enable live reload with HotswapAgent in Vaadin description: Hotswapping Java changes in a running JVM with JetBrains Runtime and HotswapAgent. +meta-description: Speed up your development with live reload using HotswapAgent in your Vaadin application project. tab-title: HotswapAgent order: 30 --- diff --git a/articles/flow/configuration/live-reload/index.adoc b/articles/flow/configuration/live-reload/index.adoc index 778982b59d..7aa7480f36 100644 --- a/articles/flow/configuration/live-reload/index.adoc +++ b/articles/flow/configuration/live-reload/index.adoc @@ -1,6 +1,8 @@ --- title: Hot Deploy pass:[&] Live Reload +page-title: How to enable live reload in Vaadin description: How to live reload and hot deploy for automatically applying source code changes. +meta-description: Configure live reload for faster development and real-time updates when you are developing Vaadin applications. tab-title: Overview layout: tabbed-page order: 40 diff --git a/articles/flow/configuration/live-reload/jetty.adoc b/articles/flow/configuration/live-reload/jetty.adoc index 9f6000d3de..a2d0643568 100644 --- a/articles/flow/configuration/live-reload/jetty.adoc +++ b/articles/flow/configuration/live-reload/jetty.adoc @@ -1,6 +1,8 @@ --- title: Automatic Restart with Jetty Maven Plugin +page-title: Using Automatic Restart with Jetty Maven Plugin | Vaadin description: Explains automatic restarts with Jetty Maven plugin. +meta-description: Discover how to use Automatic Restart with Jetty Maven Plugin in your Vaadin applications with step-by-step instructions. tab-title: Jetty order: 40 --- diff --git a/articles/flow/configuration/live-reload/jrebel.adoc b/articles/flow/configuration/live-reload/jrebel.adoc index 5a54f0cf25..2437694a30 100644 --- a/articles/flow/configuration/live-reload/jrebel.adoc +++ b/articles/flow/configuration/live-reload/jrebel.adoc @@ -1,6 +1,8 @@ --- title: Live Reload with JRebel +page-title: How to enable live reload with JRebel in Vaadin description: Describes using JRebel for automatic, real-time updates of Java code. +meta-description: Enhance your development speed by setting up JRebel live reload in your Vaadin application project. tab-title: JRebel order: 20 --- diff --git a/articles/flow/configuration/live-reload/spring-boot.adoc b/articles/flow/configuration/live-reload/spring-boot.adoc index a97a4b0258..bcea60db1e 100644 --- a/articles/flow/configuration/live-reload/spring-boot.adoc +++ b/articles/flow/configuration/live-reload/spring-boot.adoc @@ -1,6 +1,8 @@ --- title: Live Reload with Spring Boot Developer Tools +page-title: How to enable Spring Boot live reload in Vaadin description: How the default live reload behavior for Spring Boot-based Vaadin applications. +meta-description: Set up live reload in Spring Boot for faster development when developing Vaadin applications. tab-title: Spring Boot order: 10 --- diff --git a/articles/flow/configuration/maven.adoc b/articles/flow/configuration/maven.adoc index c789797fc2..c3f8b9525c 100644 --- a/articles/flow/configuration/maven.adoc +++ b/articles/flow/configuration/maven.adoc @@ -1,6 +1,8 @@ --- title: Maven +page-title: How to configure Maven for Vaadin projects description: Configuring the Vaadin Maven plugin. +meta-description: Learn how to set up and use Maven for building and managing Vaadin applications. order: 120 --- diff --git a/articles/flow/configuration/properties.adoc b/articles/flow/configuration/properties.adoc index 9b3315331c..3887d7d5d4 100644 --- a/articles/flow/configuration/properties.adoc +++ b/articles/flow/configuration/properties.adoc @@ -1,6 +1,8 @@ --- title: Properties +page-title: Configuring properties in Vaadin Flow description: Setting configuration properties to change the application behavior. +meta-description: Learn how to configure properties effectively in Vaadin Flow for optimized application settings. order: 10 --- diff --git a/articles/flow/configuration/pwa.adoc b/articles/flow/configuration/pwa.adoc index 572455210c..a12004c421 100644 --- a/articles/flow/configuration/pwa.adoc +++ b/articles/flow/configuration/pwa.adoc @@ -1,6 +1,8 @@ --- title: PWA +page-title: Configuring PWA in Vaadin applications description: Configuring your application as a Progressive Web Application. +meta-description: Learn to configure progressive web app (PWA) settings in your Vaadin application. order: 90 --- diff --git a/articles/flow/configuration/source-control.adoc b/articles/flow/configuration/source-control.adoc index 7a21a02960..1604638254 100644 --- a/articles/flow/configuration/source-control.adoc +++ b/articles/flow/configuration/source-control.adoc @@ -1,6 +1,8 @@ --- title: Source Control +page-title: Using source control with Vaadin Flow description: Track and manage changes to the source code in a Vaadin project. +meta-description: Explore source control configurations and best practices for managing Vaadin Flow projects. order: 130 --- diff --git a/articles/flow/configuration/webpush.adoc b/articles/flow/configuration/webpush.adoc index 6377e4be4b..f3cf8ed7b7 100644 --- a/articles/flow/configuration/webpush.adoc +++ b/articles/flow/configuration/webpush.adoc @@ -1,8 +1,9 @@ --- title: Web Push order: 100 -page-title: Setting Up Web Push Notifications +page-title: How to set up web push notifications in Vaadin Flow description: How to setup, subscribe, and send Web Push notifications from a Vaadin Flow application. +meta-description: Configure WebPush notifications in Vaadin applications for real-time user engagement. --- diff --git a/articles/flow/create-ui/basic-features.adoc b/articles/flow/create-ui/basic-features.adoc index 8e2f9108f7..d4ba15664c 100644 --- a/articles/flow/create-ui/basic-features.adoc +++ b/articles/flow/create-ui/basic-features.adoc @@ -1,6 +1,8 @@ --- title: Basic Features +page-title: How to implement basic UI features in Vaadin description: Common features available in all Vaadin components. +meta-description: Learn the essentials of creating and managing basic UI features in Vaadin applications. order: 10 --- diff --git a/articles/flow/create-ui/creating-components/basic.adoc b/articles/flow/create-ui/creating-components/basic.adoc index cf5c69ec15..50e3adccfd 100644 --- a/articles/flow/create-ui/creating-components/basic.adoc +++ b/articles/flow/create-ui/creating-components/basic.adoc @@ -1,6 +1,8 @@ --- title: Single Element +page-title: How to create a basic component in Vaadin Flow description: Creating a component using a single HTML element. +meta-description: Discover how to create basic components to extend your Vaadin Flow applications using the Element API. order: 2 --- diff --git a/articles/flow/create-ui/creating-components/composite.adoc b/articles/flow/create-ui/creating-components/composite.adoc index c86a6e041b..8d72fca467 100644 --- a/articles/flow/create-ui/creating-components/composite.adoc +++ b/articles/flow/create-ui/creating-components/composite.adoc @@ -1,6 +1,8 @@ --- title: Using Existing Components +page-title: How to create composite components in Vaadin Flow description: Creating a component by combining existing components together. +meta-description: Learn to build composite components by combining existing Vaadin Flow components. order: 5 --- diff --git a/articles/flow/create-ui/creating-components/container.adoc b/articles/flow/create-ui/creating-components/container.adoc index b61a7f09ca..bb70bbb841 100644 --- a/articles/flow/create-ui/creating-components/container.adoc +++ b/articles/flow/create-ui/creating-components/container.adoc @@ -1,6 +1,8 @@ --- title: Component Containers +page-title: How to create container components in Vaadin Flow description: Creating a component that can contain other components. +meta-description: Learn how to create container components in Vaadin for better organization and structure. order: 8 --- diff --git a/articles/flow/create-ui/creating-components/events.adoc b/articles/flow/create-ui/creating-components/events.adoc index f6821475c5..c50d58d02a 100644 --- a/articles/flow/create-ui/creating-components/events.adoc +++ b/articles/flow/create-ui/creating-components/events.adoc @@ -1,6 +1,8 @@ --- title: Using Events +page-title: How to handle component events in Vaadin description: How to handle events in your components. +meta-description: Understand how to handle events in Vaadin components. Build interactive and responsive applications with ease. order: 7 --- diff --git a/articles/flow/create-ui/creating-components/extending-component.adoc b/articles/flow/create-ui/creating-components/extending-component.adoc index 065ad094bb..e7cfaa978d 100644 --- a/articles/flow/create-ui/creating-components/extending-component.adoc +++ b/articles/flow/create-ui/creating-components/extending-component.adoc @@ -1,6 +1,8 @@ --- title: Extending Components +page-title: How to extend components in Vaadin applications description: Create a new component by extending any existing component. +meta-description: Learn how to customize and extend Vaadin components to fit your application needs. order: 6 --- @@ -112,7 +114,7 @@ Every component has a [methodname]`getElement()` method that allows you to acces See <> for more. Import additional styles for the component using the `@CssImport` annotation. -Note that CSS selectors (based on the `numeric` classname applied to the component) must be used to scope the styles to this component. +Note that CSS selectors (based on the `numeric` class name applied to the component) must be used to scope the styles to this component. *Example*: Creating [filename]`numeric-field-styles.css` to customize the appearance of the custom `vaadin-text-field` component. @@ -130,7 +132,10 @@ vaadin-text-field.numeric::part(value) { } ---- +// Allow Vaadin Components in link +pass:[] See <<{articles}/styling/styling-components#,Styling Vaadin Components>> for more information. +pass:[] == Extending a Component Using the Client-side Approach diff --git a/articles/flow/create-ui/creating-components/index.adoc b/articles/flow/create-ui/creating-components/index.adoc index 0ebc51f645..369c90bc2d 100644 --- a/articles/flow/create-ui/creating-components/index.adoc +++ b/articles/flow/create-ui/creating-components/index.adoc @@ -1,6 +1,8 @@ --- title: Creating Components +page-title: How to create custom components in Vaadin description: How to create components using the Element API. +meta-description: Master the process of creating custom components to extend the functionality of your Vaadin applications. order: 70 --- diff --git a/articles/flow/create-ui/creating-components/lifecycle-callbacks.adoc b/articles/flow/create-ui/creating-components/lifecycle-callbacks.adoc index 514163eeba..dbdef3c5ae 100644 --- a/articles/flow/create-ui/creating-components/lifecycle-callbacks.adoc +++ b/articles/flow/create-ui/creating-components/lifecycle-callbacks.adoc @@ -1,6 +1,8 @@ --- title: Lifecycle Callbacks +page-title: How to use lifecycle callbacks in Vaadin components description: How to react when a component is attached to or detached from an application. +meta-description: Leverage lifecycle callbacks to control component behavior in Vaadin applications. order: 9 --- diff --git a/articles/flow/create-ui/creating-components/many-elements.adoc b/articles/flow/create-ui/creating-components/many-elements.adoc index d0d3b4e03f..a16c76d690 100644 --- a/articles/flow/create-ui/creating-components/many-elements.adoc +++ b/articles/flow/create-ui/creating-components/many-elements.adoc @@ -1,6 +1,8 @@ --- title: Multiple Elements +page-title: How to create components with multiple elements in Vaadin description: Creating a component using multiple HTML elements. +meta-description: Learn how to create components with multiple elements in Vaadin for flexible UIs. order: 3 --- diff --git a/articles/flow/create-ui/creating-components/mixins.adoc b/articles/flow/create-ui/creating-components/mixins.adoc index 1d2a8f51bc..fdcf414bed 100644 --- a/articles/flow/create-ui/creating-components/mixins.adoc +++ b/articles/flow/create-ui/creating-components/mixins.adoc @@ -1,7 +1,9 @@ --- title: Using Vaadin Mixin Interfaces +page-title: How to use mixins in Vaadin components order: 10 description: How provide common APIs and default behavior for sets of functions in most Web Components. +meta-description: Add reusable functionality to Vaadin components using Vaadin Mixin Interfaces. --- @@ -40,7 +42,7 @@ https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadi Were you to create a custom `Tooltip` component, for example, that implements the [interfacename]`HasComponents` and [interfacename]`HasStyle` interfaces, you would do something like this: -.Tooltip.java +.`Tooltip.java` [source,java] ---- @Tag("sample-tooltip") diff --git a/articles/flow/create-ui/creating-components/property-descriptor.adoc b/articles/flow/create-ui/creating-components/property-descriptor.adoc index 0ec9adb226..b7580a766d 100644 --- a/articles/flow/create-ui/creating-components/property-descriptor.adoc +++ b/articles/flow/create-ui/creating-components/property-descriptor.adoc @@ -1,6 +1,8 @@ --- title: Using API Helpers to Define Component Properties +page-title: How to use property descriptors in Vaadin components description: How to use PropertyDescriptors to define a property name and default value. +meta-description: Understand and use property descriptors to enhance Vaadin component functionality. order: 4 --- diff --git a/articles/flow/create-ui/dnd/drag-source.adoc b/articles/flow/create-ui/dnd/drag-source.adoc index d2ea167d50..f1a964b009 100644 --- a/articles/flow/create-ui/dnd/drag-source.adoc +++ b/articles/flow/create-ui/dnd/drag-source.adoc @@ -1,6 +1,8 @@ --- title: Drag Source +page-title: How to use drag sources for drag and drop in Vaadin description: Making any component draggable and configuring the drag operation. +meta-description: Enable drag-and-drop functionality in Vaadin with the drag source API. order: 20 --- diff --git a/articles/flow/create-ui/dnd/drop-target.adoc b/articles/flow/create-ui/dnd/drop-target.adoc index 1ae2254f96..c31734551c 100644 --- a/articles/flow/create-ui/dnd/drop-target.adoc +++ b/articles/flow/create-ui/dnd/drop-target.adoc @@ -1,6 +1,8 @@ --- title: Drop Target +page-title: How to create a drop target in Vaadin description: Make any component a drop target that the user can drop things on to. +meta-description: Learn how to implement drag-and-drop functionality by setting up a drop target in Vaadin applications. order: 30 --- diff --git a/articles/flow/create-ui/dnd/index.adoc b/articles/flow/create-ui/dnd/index.adoc index a71f93f359..32be275a54 100644 --- a/articles/flow/create-ui/dnd/index.adoc +++ b/articles/flow/create-ui/dnd/index.adoc @@ -1,6 +1,8 @@ --- title: Drag pass:[&] Drop +page-title: How to implement drag and drop in Vaadin description: Drag and drop between components as well as between the UI and the operating system. +meta-description: Learn how to implement drag-and-drop functionality in Vaadin applications to drag and drop between components as well as between the UI and the operating system. order: 140 --- diff --git a/articles/flow/create-ui/element-api/client-server-rpc.adoc b/articles/flow/create-ui/element-api/client-server-rpc.adoc index 3098cfd4e1..148cdfa72f 100644 --- a/articles/flow/create-ui/element-api/client-server-rpc.adoc +++ b/articles/flow/create-ui/element-api/client-server-rpc.adoc @@ -1,6 +1,8 @@ --- title: Remote Procedure Calls +page-title: How to use Remote Procedure Calls | Vaadin description: Running procedures or subroutines elsewhere -- on another machine. +meta-description: Implement client-server communication using Remote Procedure Calls with Vaadin's element API. order: 3 --- diff --git a/articles/flow/create-ui/element-api/dynamic-styling.adoc b/articles/flow/create-ui/element-api/dynamic-styling.adoc index 1e64418033..333ac97756 100644 --- a/articles/flow/create-ui/element-api/dynamic-styling.adoc +++ b/articles/flow/create-ui/element-api/dynamic-styling.adoc @@ -1,6 +1,8 @@ --- title: Dynamic Styling +page-title: How to apply dynamic styling in Vaadin with the element API description: How to style elements using dynamic class names or inline styles. +meta-description: Learn how to change styles dynamically using Vaadin’s element API. order: 5 --- diff --git a/articles/flow/create-ui/element-api/event-listener.adoc b/articles/flow/create-ui/element-api/event-listener.adoc index 137142ea74..a04c7bc483 100644 --- a/articles/flow/create-ui/element-api/event-listener.adoc +++ b/articles/flow/create-ui/element-api/event-listener.adoc @@ -1,6 +1,8 @@ --- title: Listening to User Events +page-title: Adding event listeners to Vaadin components description: Listen to any browser events. +meta-description: Learn how to attach and handle events for creating interactive and responsive Vaadin components. order: 2 --- diff --git a/articles/flow/create-ui/element-api/index.adoc b/articles/flow/create-ui/element-api/index.adoc index d47a6f2cc5..202dab7efd 100644 --- a/articles/flow/create-ui/element-api/index.adoc +++ b/articles/flow/create-ui/element-api/index.adoc @@ -1,5 +1,7 @@ --- title: Element API +page-title: How to use the element API in Vaadin description: You can control the HTML DOM in the browser from the server-side using the Element API. +meta-description: Learn how to manipulate and control elements in the browser from the server-side using the Vaadin element API. order: 130 --- diff --git a/articles/flow/create-ui/element-api/properties-attributes.adoc b/articles/flow/create-ui/element-api/properties-attributes.adoc index 52f08ec52b..1f1438ea48 100644 --- a/articles/flow/create-ui/element-api/properties-attributes.adoc +++ b/articles/flow/create-ui/element-api/properties-attributes.adoc @@ -1,6 +1,8 @@ --- -title: Properties pass:[&] Attributes +title: Properties pass:[&] attributes +page-title: How to manage properties and attributes in Vaadin components description: Get and set DOM properties and attributes. +meta-description: Learn how to use element APIs for managing properties and attributes in Vaadin components. order: 1 --- diff --git a/articles/flow/create-ui/element-api/shadow-root.adoc b/articles/flow/create-ui/element-api/shadow-root.adoc index 3bdc56a6c8..498ba9e57d 100644 --- a/articles/flow/create-ui/element-api/shadow-root.adoc +++ b/articles/flow/create-ui/element-api/shadow-root.adoc @@ -1,6 +1,8 @@ --- title: Shadow Roots +page-title: How to use shadow roots in Vaadin description: Using shadow roots in server-side elements and components. +meta-description: Utilize shadow roots in Vaadin's element API for encapsulated styling and functionality. order: 6 --- diff --git a/articles/flow/create-ui/element-api/user-input.adoc b/articles/flow/create-ui/element-api/user-input.adoc index 13177d7c9d..5eda6e9fd1 100644 --- a/articles/flow/create-ui/element-api/user-input.adoc +++ b/articles/flow/create-ui/element-api/user-input.adoc @@ -1,6 +1,8 @@ --- title: Retrieving User Input +page-title: How to handle user input in Vaadin element API description: Use the Element API to retrieve user input from the client-side. +meta-description: Learn how to process user input effectively in Vaadin's element API. order: 4 --- diff --git a/articles/flow/create-ui/enabled-state.adoc b/articles/flow/create-ui/enabled-state.adoc index 6814d539e1..9221f37b44 100644 --- a/articles/flow/create-ui/enabled-state.adoc +++ b/articles/flow/create-ui/enabled-state.adoc @@ -1,6 +1,8 @@ --- title: Enabled State +page-title: How to manage the enabled state of UI elements | Vaadin description: Components that allow user interaction can have three different enabled states. +meta-description: Manage the enabled state of user interface components in Vaadin applications for better interactivity. order: 20 --- diff --git a/articles/flow/create-ui/index.adoc b/articles/flow/create-ui/index.adoc index 330cdc2c28..7b5891c68a 100644 --- a/articles/flow/create-ui/index.adoc +++ b/articles/flow/create-ui/index.adoc @@ -1,6 +1,8 @@ --- title: Creating UI +page-title: How to create UIs with Vaadin Flow description: How to use components, create your own, or integrate third party web components. +meta-description: Explore tools and techniques to create dynamic UIs in Vaadin applications. order: 50 --- diff --git a/articles/flow/create-ui/shortcut.adoc b/articles/flow/create-ui/shortcut.adoc index 83461faa4b..01ef7b3358 100644 --- a/articles/flow/create-ui/shortcut.adoc +++ b/articles/flow/create-ui/shortcut.adoc @@ -1,6 +1,8 @@ --- title: Keyboard Shortcuts +page-title: How to add keyboard shortcuts to components in Vaadin description: Creating keyboard shortcuts to components for a better user experience. +meta-description: Discover how to implement keyboard shortcuts to the components in your Vaadin applications and customize them. order: 30 --- diff --git a/articles/flow/create-ui/standard-html.adoc b/articles/flow/create-ui/standard-html.adoc index 9a2f08e734..ae763e3ae3 100644 --- a/articles/flow/create-ui/standard-html.adoc +++ b/articles/flow/create-ui/standard-html.adoc @@ -1,6 +1,8 @@ --- title: HTML Elements +page-title: Using standard HTML elements in Vaadin applications description: The components for standard HTML elements included in Vaadin Flow -- and some comments about them. +meta-description: Learn how to use standard HTML elements included in Vaadin Flow in your applications. order: 40 --- @@ -44,7 +46,7 @@ The module `flow-html-components` contains the following components: |=== -== Html Component +== HTML Component The `Html` class in Vaadin Flow allows developers to encapsulate and manage raw HTML fragments in server-side Java applications. This component is particularly useful when you have an HTML snippet -- either as a string or loaded from a file -- that you want to insert directly into your application's layout or routes. diff --git a/articles/flow/create-ui/templates/and-binder.adoc b/articles/flow/create-ui/templates/and-binder.adoc index 5ff751cea2..eb52fe1c7c 100644 --- a/articles/flow/create-ui/templates/and-binder.adoc +++ b/articles/flow/create-ui/templates/and-binder.adoc @@ -1,6 +1,8 @@ --- title: Combining with Binder +page-title: How to create a functional template-binder view | Vaadin description: How to create a fully functional template-binder view. +meta-description: Discover how to use templates with the binder API for dynamic data handling in Vaadin applications. order: 4 --- diff --git a/articles/flow/create-ui/templates/basic.adoc b/articles/flow/create-ui/templates/basic.adoc index b0e578d201..c824ed38a6 100644 --- a/articles/flow/create-ui/templates/basic.adoc +++ b/articles/flow/create-ui/templates/basic.adoc @@ -1,6 +1,8 @@ --- -title: Template-based Components +title: Template-based +page-title: How to create basic templates in Vaadin description: How to create a component using only the Template API. +meta-description: Learn the essentials of building templates with Vaadin Flow. Explore the basics of binding data and creating reusable UI components. order: 2 --- diff --git a/articles/flow/create-ui/templates/component-integration.adoc b/articles/flow/create-ui/templates/component-integration.adoc index 8325f70fc2..51ae824f26 100644 --- a/articles/flow/create-ui/templates/component-integration.adoc +++ b/articles/flow/create-ui/templates/component-integration.adoc @@ -1,6 +1,8 @@ --- title: Detecting Component Mappings +page-title: How to integrate components in Vaadin templates description: How to detect whether a component is part of a template. +meta-description: Learn how to seamlessly integrate components in Vaadin templates for enhanced functionality. order: 8 --- diff --git a/articles/flow/create-ui/templates/components-in-slot.adoc b/articles/flow/create-ui/templates/components-in-slot.adoc index e2c74d647b..2f10bbe78a 100644 --- a/articles/flow/create-ui/templates/components-in-slot.adoc +++ b/articles/flow/create-ui/templates/components-in-slot.adoc @@ -1,6 +1,8 @@ --- title: Adding Server-side Components +page-title: How to work with components in slots in Vaadin templates description: How to add server-side components to templates. +meta-description: Learn how to configure and manage components in slots within Vaadin templates. order: 6 --- diff --git a/articles/flow/create-ui/templates/components.adoc b/articles/flow/create-ui/templates/components.adoc index 11b0dfe8a1..798913e027 100644 --- a/articles/flow/create-ui/templates/components.adoc +++ b/articles/flow/create-ui/templates/components.adoc @@ -1,6 +1,8 @@ --- title: Binding to Components +page-title: How to integrate and use components in Vaadin Flow templates description: How to use the @Id annotation to reference a JavaScript LitElement template. +meta-description: Learn how to integrate and use components in Vaadin Flow templates. Explore best practices for creating interactive UIs with reusable and customizable components. order: 3 --- diff --git a/articles/flow/create-ui/templates/index.adoc b/articles/flow/create-ui/templates/index.adoc index b9a986293b..db8387af9b 100644 --- a/articles/flow/create-ui/templates/index.adoc +++ b/articles/flow/create-ui/templates/index.adoc @@ -1,6 +1,8 @@ --- title: Templates +page-title: How to create custom UI templates with Vaadin Flow description: How to build views declaratively using templates. +meta-description: Learn how to build reusable UI templates in Vaadin Flow. This guide covers template creation, integration with Java, and dynamic content binding. order: 150 --- diff --git a/articles/flow/create-ui/templates/limitations.adoc b/articles/flow/create-ui/templates/limitations.adoc index 12bc452ddf..32e863d565 100644 --- a/articles/flow/create-ui/templates/limitations.adoc +++ b/articles/flow/create-ui/templates/limitations.adoc @@ -1,6 +1,8 @@ --- title: Limitations +page-title: Limitations of using Polymer templates in Vaadin description: A list of limitations of Template. +meta-description: Understand the constraints and best practices for working with Polymer templates in Vaadin. order: 9 --- diff --git a/articles/flow/create-ui/templates/polymer/bindings.adoc b/articles/flow/create-ui/templates/polymer/bindings.adoc index 59a2e5876b..4493ab3a2f 100644 --- a/articles/flow/create-ui/templates/polymer/bindings.adoc +++ b/articles/flow/create-ui/templates/polymer/bindings.adoc @@ -1,6 +1,8 @@ --- title: Binding Model Data +page-title: Using bindings in Polymer templates | Vaadin description: How to bind text content, property values, and attribute values. +meta-description: Learn how to implement and manage data bindings in Polymer templates within Vaadin applications. order: 15 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/event-handlers.adoc b/articles/flow/create-ui/templates/polymer/event-handlers.adoc index f1afd0f64e..c86102cffd 100644 --- a/articles/flow/create-ui/templates/polymer/event-handlers.adoc +++ b/articles/flow/create-ui/templates/polymer/event-handlers.adoc @@ -1,6 +1,8 @@ --- title: Handling User Events +page-title: How to handle events in Vaadin Polymer templates description: How to use component API and DOM events via the Element API. +meta-description: Learn how to use event handlers effectively in Polymer templates within Vaadin. order: 14 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/index.adoc b/articles/flow/create-ui/templates/polymer/index.adoc index 41b52341c5..ee53ed5fac 100644 --- a/articles/flow/create-ui/templates/polymer/index.adoc +++ b/articles/flow/create-ui/templates/polymer/index.adoc @@ -1,6 +1,8 @@ --- title: Polymer Templates (deprecated) +page-title: How to use polymer templates in Vaadin description: Polymer support is deprecated; use Lit templates instead. +meta-description: Explore how to use Polymer templates for building custom reusable components in Vaadin applications. banner: Polymer support is deprecated. Use link:./[Lit templates] instead. banner-id: polymer-templates banner-style: caution diff --git a/articles/flow/create-ui/templates/polymer/list-bindings.adoc b/articles/flow/create-ui/templates/polymer/list-bindings.adoc index d46e807e7d..895da50f23 100644 --- a/articles/flow/create-ui/templates/polymer/list-bindings.adoc +++ b/articles/flow/create-ui/templates/polymer/list-bindings.adoc @@ -1,6 +1,8 @@ --- title: Creating Content Dynamically from a List +page-title: How to use list bindings in Vaadin polymer templates description: Polymer support is deprecated; use Lit templates instead. +meta-description: Bind dynamic data to your polymer templates in your Vaadin applications. order: 18 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/model-bean.adoc b/articles/flow/create-ui/templates/polymer/model-bean.adoc index 891bfd0ecd..3e3bdeec16 100644 --- a/articles/flow/create-ui/templates/polymer/model-bean.adoc +++ b/articles/flow/create-ui/templates/polymer/model-bean.adoc @@ -1,6 +1,8 @@ --- title: Using Model Beans +page-title: How to integrate model beans in Vaadin templates description: Polymer support is deprecated; use Lit templates instead. +meta-description: Learn how to use model beans in Vaadin Polymer templates for effective data binding. order: 16 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/model-encoders.adoc b/articles/flow/create-ui/templates/polymer/model-encoders.adoc index 7c96479eb9..5502d01a88 100644 --- a/articles/flow/create-ui/templates/polymer/model-encoders.adoc +++ b/articles/flow/create-ui/templates/polymer/model-encoders.adoc @@ -1,6 +1,8 @@ --- title: Using Model Encoders +page-title: How to use model encoders in Vaadin Polymer templates description: Polymer support is deprecated; use Lit templates instead. +meta-description: Learn how to use model encoders in Polymer templates for better data handling in Vaadin applications. order: 17 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/parent-layout.adoc b/articles/flow/create-ui/templates/polymer/parent-layout.adoc index baf7cf3b02..ce47b01e40 100644 --- a/articles/flow/create-ui/templates/polymer/parent-layout.adoc +++ b/articles/flow/create-ui/templates/polymer/parent-layout.adoc @@ -1,6 +1,8 @@ --- title: Using Parent Layout +page-title: How to use Polymer parent layouts in Vaadin description: Polymer support is deprecated; use Lit templates instead. +meta-description: Learn how to create and integrate Polymer parent layouts in Vaadin applications. Manage templates effectively for dynamic UIs. order: 19 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/polymer-template-and-binder.adoc b/articles/flow/create-ui/templates/polymer/polymer-template-and-binder.adoc index 44859c96c1..81a1a5fd43 100644 --- a/articles/flow/create-ui/templates/polymer/polymer-template-and-binder.adoc +++ b/articles/flow/create-ui/templates/polymer/polymer-template-and-binder.adoc @@ -1,6 +1,8 @@ --- title: Combining Templates pass:[&] Binders +page-title: How to use Polymer templates and binders in Vaadin description: Polymer support is deprecated; use Lit templates instead. +meta-description: Combine Polymer templates with binders in Vaadin to create responsive and dynamic UIs. order: 11 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/polymer-template-basic.adoc b/articles/flow/create-ui/templates/polymer/polymer-template-basic.adoc index 8be094f151..b50dcf42ac 100644 --- a/articles/flow/create-ui/templates/polymer/polymer-template-basic.adoc +++ b/articles/flow/create-ui/templates/polymer/polymer-template-basic.adoc @@ -1,6 +1,8 @@ --- title: Create a Simple Component Using Template API +page-title: How to create basic Polymer templates in Vaadin description: Polymer support is deprecated; use Lit templates instead. +meta-description: Learn the basics of creating Polymer templates for custom UI components in Vaadin applications. order: 10 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/polymer/polymer-template-components-in-slot.adoc b/articles/flow/create-ui/templates/polymer/polymer-template-components-in-slot.adoc index 894d467477..b7db71e5fd 100644 --- a/articles/flow/create-ui/templates/polymer/polymer-template-components-in-slot.adoc +++ b/articles/flow/create-ui/templates/polymer/polymer-template-components-in-slot.adoc @@ -1,6 +1,8 @@ --- title: Dynamically Add Server-Side Components to Templates +page-title: How to use Polymer template components in Vaadin slots description: Polymer support is deprecated; use Lit templates instead. +meta-description: Learn how to integrate Polymer template components into Vaadin slots for dynamic UI creation and management. order: 12 banner: Polymer support is deprecated. Use link:../[Lit templates] instead. banner-id: polymer-templates diff --git a/articles/flow/create-ui/templates/styling-templates.adoc b/articles/flow/create-ui/templates/styling-templates.adoc index 1c870d76c6..318023be41 100644 --- a/articles/flow/create-ui/templates/styling-templates.adoc +++ b/articles/flow/create-ui/templates/styling-templates.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style templates in Vaadin applications description: How to add component-specific scoped styles directly in the static styles template property. +meta-description: Learn how to add component-specific scoped styles directly in the static styles template property in your Vaadin application. order: 7 --- diff --git a/articles/flow/create-ui/templates/subtemplate.adoc b/articles/flow/create-ui/templates/subtemplate.adoc index 477c393c29..3433516e8f 100644 --- a/articles/flow/create-ui/templates/subtemplate.adoc +++ b/articles/flow/create-ui/templates/subtemplate.adoc @@ -1,6 +1,8 @@ --- title: Sub-Templates +page-title: How to create sub-templates in Vaadin Flow description: How to create a parent LitElement template that includes a child LitElement template. +meta-description: Learn how to create a parent LitElement template that includes a child LitElement template, creating a sub-template, in your Vaadin application. order: 5 --- diff --git a/articles/flow/create-ui/web-components/an-in-project-web-component.adoc b/articles/flow/create-ui/web-components/an-in-project-web-component.adoc index e3db5f0c2b..8137bd8d7c 100644 --- a/articles/flow/create-ui/web-components/an-in-project-web-component.adoc +++ b/articles/flow/create-ui/web-components/an-in-project-web-component.adoc @@ -1,6 +1,8 @@ --- title: In-Project Component +page-title: How to create in-project web components with Vaadin description: How to create an UI component specific to an application. +meta-description: Learn how to build and integrate custom web components in your Vaadin projects. order: 20 --- diff --git a/articles/flow/create-ui/web-components/debugging-a-web-component-integration.adoc b/articles/flow/create-ui/web-components/debugging-a-web-component-integration.adoc index aed9d8adbc..1a4b6afba9 100644 --- a/articles/flow/create-ui/web-components/debugging-a-web-component-integration.adoc +++ b/articles/flow/create-ui/web-components/debugging-a-web-component-integration.adoc @@ -1,6 +1,8 @@ --- title: Debugging +page-title: How to debug web components in Vaadin description: Explains the most common integration issues and what to do about them. +meta-description: Debug and optimize web component integrations in Vaadin applications. order: 10 --- diff --git a/articles/flow/create-ui/web-components/index.adoc b/articles/flow/create-ui/web-components/index.adoc index 5a81a1692f..0982aa5419 100644 --- a/articles/flow/create-ui/web-components/index.adoc +++ b/articles/flow/create-ui/web-components/index.adoc @@ -1,6 +1,8 @@ --- title: Integrating Web Components +page-title: How to use web components in Vaadin description: How to create new HTML tags with custom names. +meta-description: Discover how to create and use web components within your Vaadin Flow applications. order: 110 --- diff --git a/articles/flow/create-ui/web-components/introduction-to-webcomponents.adoc b/articles/flow/create-ui/web-components/introduction-to-webcomponents.adoc index 5894a39504..3c11545f35 100644 --- a/articles/flow/create-ui/web-components/introduction-to-webcomponents.adoc +++ b/articles/flow/create-ui/web-components/introduction-to-webcomponents.adoc @@ -1,6 +1,8 @@ --- title: Web Components Intro +page-title: How to use Web Components Intro | Vaadin components description: Introduction to Web Components, new HTML tags with custom names. +meta-description: Learn the basics of integrating and using web components in your Vaadin applications. order: 30 --- @@ -41,9 +43,12 @@ Vaadin provides and maintains a set of Web Components and corresponding Java API To learn more about how Vaadin utilizes Web Components, see: -* <<{articles}/components#, Vaadin Components>>: A modern set of Web Components for business applications. +// Allow Vaadin Components in link +pass:[] +* <<{articles}/components#,Vaadin Components>>: A modern set of Web Components for business applications. * <> into Vaadin. * https://vaadin.com/directory[Vaadin Directory]: A list of curated and rated third-party Web Components. +pass:[] == External Links and References diff --git a/articles/flow/create-ui/web-components/java-api-for-a-web-component.adoc b/articles/flow/create-ui/web-components/java-api-for-a-web-component.adoc index 1951d07924..5a5eef8585 100644 --- a/articles/flow/create-ui/web-components/java-api-for-a-web-component.adoc +++ b/articles/flow/create-ui/web-components/java-api-for-a-web-component.adoc @@ -1,6 +1,8 @@ --- title: Creating a Java API +page-title: How to use Java APIs for web components | Vaadin description: How to add functionality to a stub class to make it a functioning Java API. +meta-description: Learn to integrate Java APIs with web components for seamless functionality in Vaadin Flow. order: 5 --- diff --git a/articles/flow/index.adoc b/articles/flow/index.adoc index 56fcfa7d68..62948504db 100644 --- a/articles/flow/index.adoc +++ b/articles/flow/index.adoc @@ -1,6 +1,8 @@ --- title: Flow +page-title: Vaadin Flow documentation | Comprehensive guide for developers description: Build web applications with only Java. +meta-description: Explore the Vaadin Flow framework for building full-stack Java web applications. Read the documentation for a comprehensive guide. order: 10 section-nav: flat reveal --- diff --git a/articles/flow/integrations/cdi/contexts.adoc b/articles/flow/integrations/cdi/contexts.adoc index 44b63cf200..100eeeabbb 100644 --- a/articles/flow/integrations/cdi/contexts.adoc +++ b/articles/flow/integrations/cdi/contexts.adoc @@ -1,6 +1,8 @@ --- title: Vaadin CDI Scopes +page-title: How to use CDI contexts in Vaadin applications description: Explains Vaadin CDI scopes and contexts. +meta-description: Learn how to manage dependency injection contexts in Vaadin with CDI integration. order: 30 --- diff --git a/articles/flow/integrations/cdi/events.adoc b/articles/flow/integrations/cdi/events.adoc index 4f2712d354..c66a28be01 100644 --- a/articles/flow/integrations/cdi/events.adoc +++ b/articles/flow/integrations/cdi/events.adoc @@ -1,6 +1,8 @@ --- title: Observable Vaadin Events +page-title: How to handle CDI events in Vaadin description: List of published events to CDI. +meta-description: Manage Contexts and Dependency Injection (CDI) events effectively in Vaadin apps. order: 40 --- diff --git a/articles/flow/integrations/cdi/index.adoc b/articles/flow/integrations/cdi/index.adoc index b7f7fa6e5b..a53b62d8b7 100644 --- a/articles/flow/integrations/cdi/index.adoc +++ b/articles/flow/integrations/cdi/index.adoc @@ -1,6 +1,8 @@ --- title: CDI +page-title: How to use CDI with Vaadin description: CDI is a framework for injecting dependency objects in different contexts. +meta-description: Learn how to use Contexts and Dependency Injection (CDI) with Vaadin for enterprise applications. order: 140 --- diff --git a/articles/flow/integrations/cdi/instantiated-beans.adoc b/articles/flow/integrations/cdi/instantiated-beans.adoc index acf95932a0..fc9a09393a 100644 --- a/articles/flow/integrations/cdi/instantiated-beans.adoc +++ b/articles/flow/integrations/cdi/instantiated-beans.adoc @@ -1,6 +1,8 @@ --- title: Using CDI Beans +page-title: How to use CDI-instantiated Beans in Vaadin applications description: How to use CDI Beans in instantiate components. +meta-description: Learn how to use CDI-instantiated beans in Vaadin Flow. Explore best practices for dependency injection and lifecycle management. order: 20 --- diff --git a/articles/flow/integrations/cdi/service-beans.adoc b/articles/flow/integrations/cdi/service-beans.adoc index 307825ca31..963d8c1566 100644 --- a/articles/flow/integrations/cdi/service-beans.adoc +++ b/articles/flow/integrations/cdi/service-beans.adoc @@ -1,6 +1,8 @@ --- title: Vaadin Service Interfaces as CDI Beans +page-title: How to manage CDI service beans in Vaadin description: How to implement Vaadin service interfaces as CDI beans. +meta-description: Learn how to configure and manage CDI service beans in Vaadin for better service handling. order: 50 --- diff --git a/articles/flow/integrations/embedding/exporter.adoc b/articles/flow/integrations/embedding/exporter.adoc index 139fa2c76a..46e5f200b1 100644 --- a/articles/flow/integrations/embedding/exporter.adoc +++ b/articles/flow/integrations/embedding/exporter.adoc @@ -1,6 +1,8 @@ --- title: Tutorial +page-title: How to export and embed Vaadin apps with Exporter description: Creating a basic embedded application with Vaadin Flow. +meta-description: Learn how to create a basic embedded application with Vaadin Flow. Embed Vaadin components in other applications using the Vaadin exporter. order: 10 --- diff --git a/articles/flow/integrations/embedding/index.adoc b/articles/flow/integrations/embedding/index.adoc index f45c353e0a..affc003c75 100644 --- a/articles/flow/integrations/embedding/index.adoc +++ b/articles/flow/integrations/embedding/index.adoc @@ -1,6 +1,8 @@ --- title: Embedding +page-title: Embedding Vaadin components in other frameworks description: How to embed an application in a web page. +meta-description: Learn how to embed Vaadin components seamlessly into other frameworks or applications. order: 150 --- diff --git a/articles/flow/integrations/embedding/limitations.adoc b/articles/flow/integrations/embedding/limitations.adoc index 7702dbb1d2..3b74d9e5bc 100644 --- a/articles/flow/integrations/embedding/limitations.adoc +++ b/articles/flow/integrations/embedding/limitations.adoc @@ -1,6 +1,8 @@ --- title: Limitations +page-title: Limitations of embedding in Vaadin applications description: List of limitations in embedded applications. +meta-description: Understand the limitations of embedding Vaadin applications and how to overcome them. order: 80 --- diff --git a/articles/flow/integrations/embedding/preserveonrefresh.adoc b/articles/flow/integrations/embedding/preserveonrefresh.adoc index 47aab2e5d9..f8e9415fb3 100644 --- a/articles/flow/integrations/embedding/preserveonrefresh.adoc +++ b/articles/flow/integrations/embedding/preserveonrefresh.adoc @@ -1,6 +1,8 @@ --- title: Preserve on Refresh +page-title: How to preserve state on refresh with Vaadin embedding description: How to preserve content when an embedded application is refreshed. +meta-description: Learn how to maintain application state when refreshing embedded Vaadin applications. order: 70 --- diff --git a/articles/flow/integrations/embedding/properties.adoc b/articles/flow/integrations/embedding/properties.adoc index 7fa51ede64..dc1bf8f1eb 100644 --- a/articles/flow/integrations/embedding/properties.adoc +++ b/articles/flow/integrations/embedding/properties.adoc @@ -1,6 +1,8 @@ --- title: Application Properties +page-title: How to configure embedding properties in Vaadin description: How to set properties of embedded applications. +meta-description: Configure and use embedding properties for seamless integration in Vaadin applications. order: 20 --- diff --git a/articles/flow/integrations/embedding/push.adoc b/articles/flow/integrations/embedding/push.adoc index 0f54967f42..0af419d2f4 100644 --- a/articles/flow/integrations/embedding/push.adoc +++ b/articles/flow/integrations/embedding/push.adoc @@ -1,6 +1,8 @@ --- title: Configuring Push +page-title: How to use push with embedded components in Vaadin description: How to configure push in an embedded application. +meta-description: Implement real-time updates using push with embedded components in Vaadin applications. order: 40 --- diff --git a/articles/flow/integrations/embedding/security.adoc b/articles/flow/integrations/embedding/security.adoc index ebc50babf2..6ab610cb5c 100644 --- a/articles/flow/integrations/embedding/security.adoc +++ b/articles/flow/integrations/embedding/security.adoc @@ -1,6 +1,8 @@ --- title: Security +page-title: How to secure embedded Vaadin components description: How to use an embedded application's properties to secure it. +meta-description: Explore security measures for embedding Vaadin components in other frameworks or applications. order: 50 --- diff --git a/articles/flow/integrations/embedding/theming.adoc b/articles/flow/integrations/embedding/theming.adoc index cb0ddf370a..d60878efb9 100644 --- a/articles/flow/integrations/embedding/theming.adoc +++ b/articles/flow/integrations/embedding/theming.adoc @@ -1,7 +1,9 @@ --- title: Theming -order: 30 +page-title: How to customize themes for embedded Vaadin applications description: How to theme an embedded application. +meta-description: Customize the theme of embedded Vaadin components for seamless integration. +order: 30 --- @@ -28,7 +30,7 @@ Both of these are also put into the head element for the embedded components, wh All other styles are only available inside the web component shadow root and don't reach the outlying context. -.MyExporter.java +.`MyExporter.java` [source,java] ---- @Theme(themeClass = Material.class) diff --git a/articles/flow/integrations/hilla.adoc b/articles/flow/integrations/hilla.adoc index a0c5f41977..0976fd4d71 100644 --- a/articles/flow/integrations/hilla.adoc +++ b/articles/flow/integrations/hilla.adoc @@ -1,6 +1,8 @@ --- title: Hilla +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 --- @@ -74,7 +76,7 @@ Vaadin includes Hilla dependencies, so no dependency adjustment is needed. Add a view file, [filename]`HelloView.java`, to the `src/main/java/org/vaadin/example/HelloView.java` sub-directory. It'll be accessible under the path, `/hello` in a browser. Here's an example of that: -.HelloView.java +.`HelloView.java` [source,java] ---- import com.vaadin.flow.component.button.Button; @@ -110,7 +112,7 @@ When using Hilla's `createMenuItems()` utility function to build the main menu i The [annotationname]`@Menu` annotation should always be used together with the [annotationname]`@Route` annotation as in the following example: -.HelloView.java +.`HelloView.java` [source,java] ---- import com.vaadin.flow.component.orderedlayout.VerticalLayout; @@ -141,7 +143,7 @@ Mode is configurable with [interfacename]`MenuAccessControl` interface with the The following example changes the default mode to `NEVER` in a Spring Framework application: -.Application.java +.`Application.java` [source,java] ---- import org.springframework.boot.SpringApplication; @@ -169,7 +171,7 @@ public class Application { This next example changes the default mode to `NEVER` in a non-Spring application by using <<../configuration/properties.adoc#servlet-initialization-parameters,Servlet Initialization Parameters>> `menu.access.control` with value `org.vaadin.example.CustomMenuAccessControl`. [classname]`DefaultMenuAccessControl` implements [interfacename]`MenuAccessControl`: -.org.vaadin.example.CustomMenuAccessControl.java +.`org.vaadin.example.CustomMenuAccessControl.java` [source,java] ---- import com.vaadin.flow.server.auth.DefaultMenuAccessControl; @@ -243,7 +245,7 @@ Information on dynamic menu item generation, see <<../advanced/menu-configuratio [NOTE] If the application is using access protection add [annotationname]`@AnonymousAllowed` on the `MainView` so that the request is not denied. -Hilla views will automatically use the server side layout if a matching one exists, and no hilla layout is available for the view. +Hilla views will automatically use the server side layout if a matching one exists, and no Hilla layout is available for the view. To have a Hilla view ignore the server side layout ViewConfig contains the `flowLayout` value that if set to `false` will ignore automatic server layout. diff --git a/articles/flow/integrations/quarkus.adoc b/articles/flow/integrations/quarkus.adoc index 55695a21d6..b011e94d1c 100644 --- a/articles/flow/integrations/quarkus.adoc +++ b/articles/flow/integrations/quarkus.adoc @@ -1,6 +1,8 @@ --- title: Quarkus +page-title: How to integrate Vaadin with Quarkus description: Using Quarkus with Vaadin to optimize Java for containers in serverless, cloud and Kubernetes environments. +meta-description: Integrate Vaadin with Quarkus to build high-performance Java applications. order: 250 --- @@ -205,7 +207,7 @@ Notice how the servlet listens to incoming requests matching the `/admin/*` mapp [[quarkus.vaadin.limitations]] == Limitations -The Vaadin Quarkus add-on doesn't support Hilla because Hilla requires the use of Spring. Adding the Quarkus Spring extensions doesn't allow Hilla to work correctly. The extensions don't provide a complete Spring implementation. This is explained in the https://quarkus.io/guides/spring-di#important-technical-note[Important Technical Note] paragraph of the Quarkus Spring DI documentation. +The Vaadin Quarkus plugin doesn't support Hilla because Hilla requires the use of Spring. Adding the Quarkus Spring extensions doesn't allow Hilla to work correctly. The extensions don't provide a complete Spring implementation. This is explained in the https://quarkus.io/guides/spring-di#important-technical-note[Important Technical Note] paragraph of the Quarkus Spring DI documentation. [[quarkus.vaadin.knownissues]] diff --git a/articles/flow/integrations/react.adoc b/articles/flow/integrations/react.adoc index 96f3b8da10..7150c99652 100644 --- a/articles/flow/integrations/react.adoc +++ b/articles/flow/integrations/react.adoc @@ -1,6 +1,8 @@ --- title: React +page-title: How to integrate Vaadin Flow with React description: Using React components in Flow. +meta-description: Discover how to use React alongside Vaadin Flow for hybrid application development. order: 20 --- diff --git a/articles/flow/integrations/spring/configuration.adoc b/articles/flow/integrations/spring/configuration.adoc index 4b5c818953..05e57dc7b0 100644 --- a/articles/flow/integrations/spring/configuration.adoc +++ b/articles/flow/integrations/spring/configuration.adoc @@ -1,6 +1,8 @@ --- title: Configuration +page-title: Spring configuration for Vaadin applications description: Configuring Spring properties in a Vaadin application. +meta-description: Configure Spring applications with Vaadin for seamless integration. order: 60 --- diff --git a/articles/flow/integrations/spring/events.adoc b/articles/flow/integrations/spring/events.adoc index f52e234c2c..6309cd9da0 100644 --- a/articles/flow/integrations/spring/events.adoc +++ b/articles/flow/integrations/spring/events.adoc @@ -1,6 +1,8 @@ --- title: Spring Events +page-title: How to integrate Spring events with Vaadin applications description: List of events published to the Spring context. +meta-description: Discover how to use Spring Events in Vaadin Flow with @EventListener. Learn to handle events like ServiceInitEvent for custom application behaviors. order: 70 --- diff --git a/articles/flow/integrations/spring/index.adoc b/articles/flow/integrations/spring/index.adoc index 3c9bfde887..8aef27fb2e 100644 --- a/articles/flow/integrations/spring/index.adoc +++ b/articles/flow/integrations/spring/index.adoc @@ -1,6 +1,8 @@ --- title: Spring +page-title: How to integrate Vaadin with Spring description: About using Spring with Vaadin applications. +meta-description: Integrate Vaadin with Spring to build scalable and maintainable web applications. order: 130 --- diff --git a/articles/flow/integrations/spring/routing.adoc b/articles/flow/integrations/spring/routing.adoc index 57e8e5e538..ede0ec486f 100644 --- a/articles/flow/integrations/spring/routing.adoc +++ b/articles/flow/integrations/spring/routing.adoc @@ -1,6 +1,8 @@ --- title: Routing +page-title: How to handle routing in Vaadin Spring applications description: How to route with Spring - much like with Vaadin applications. +meta-description: Learn how to configure routing in Spring applications integrated with Vaadin. order: 40 --- diff --git a/articles/flow/integrations/spring/scopes.adoc b/articles/flow/integrations/spring/scopes.adoc index 8fce94faa4..0fe5aa9128 100644 --- a/articles/flow/integrations/spring/scopes.adoc +++ b/articles/flow/integrations/spring/scopes.adoc @@ -1,6 +1,8 @@ --- title: Scopes +page-title: How to use Spring scopes in Vaadin applications description: Understanding contexts and scopes in Vaadin and Spring. +meta-description: Implement Spring scopes in Vaadin applications for better dependency management. order: 50 --- diff --git a/articles/flow/integrations/spring/spring-boot.adoc b/articles/flow/integrations/spring/spring-boot.adoc index 7d1f2bc2d2..1a9c479629 100644 --- a/articles/flow/integrations/spring/spring-boot.adoc +++ b/articles/flow/integrations/spring/spring-boot.adoc @@ -1,6 +1,8 @@ --- title: Spring Boot +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/flow/integrations/spring/spring-mvc.adoc b/articles/flow/integrations/spring/spring-mvc.adoc index 0be05a010a..517a888809 100644 --- a/articles/flow/integrations/spring/spring-mvc.adoc +++ b/articles/flow/integrations/spring/spring-mvc.adoc @@ -1,6 +1,8 @@ --- title: Spring MVC +page-title: How to integrate Spring MVC with Vaadin Flow description: How to use Vaadin with Spring MVC. +meta-description: Integrate Vaadin with Spring MVC to combine powerful UI and backend capabilities. order: 30 --- diff --git a/articles/flow/kb/index.adoc b/articles/flow/kb/index.adoc index 39ddd0ee57..6a0fb63ade 100644 --- a/articles/flow/kb/index.adoc +++ b/articles/flow/kb/index.adoc @@ -1,5 +1,6 @@ --- title: Knowledge Base +page-title: Vaadin Knowledge Base description: TODO this is the beginning of a potential knowledge base. section-nav: hidden --- diff --git a/articles/flow/production/cloud-providers/aws/index.adoc b/articles/flow/production/cloud-providers/aws/index.adoc index fef2403359..352501332d 100644 --- a/articles/flow/production/cloud-providers/aws/index.adoc +++ b/articles/flow/production/cloud-providers/aws/index.adoc @@ -1,6 +1,8 @@ --- title: Amazon Web Services +page-title: How to deploy Vaadin Flow on AWS description: How to deploy a Vaadin application to Amazon Web Services (AWS). +meta-description: Deploy Vaadin Flow applications on AWS for reliable and scalable hosting. order: 10 --- diff --git a/articles/flow/production/cloud-providers/azure/index.adoc b/articles/flow/production/cloud-providers/azure/index.adoc index 5b0683ef5d..5c69bd8b8f 100644 --- a/articles/flow/production/cloud-providers/azure/index.adoc +++ b/articles/flow/production/cloud-providers/azure/index.adoc @@ -1,6 +1,8 @@ --- title: Azure +page-title: How to deploy Vaadin apps on Azure description: How to deploy your Vaadin application to Microsoft's Azure cloud. +meta-description: Explore the process of deploying Vaadin applications on Microsoft Azure. Ensure scalability and cloud readiness. order: 20 --- diff --git a/articles/flow/production/cloud-providers/google/index.adoc b/articles/flow/production/cloud-providers/google/index.adoc index fe647951c0..7a20555874 100644 --- a/articles/flow/production/cloud-providers/google/index.adoc +++ b/articles/flow/production/cloud-providers/google/index.adoc @@ -1,6 +1,8 @@ --- title: Google Cloud +page-title: How to deploy Vaadin Flow apps to Google Cloud description: How to deploy your Vaadin application to Google Cloud. +meta-description: Learn how to deploy Vaadin applications to Google Cloud for scalable hosting. order: 30 --- @@ -113,7 +115,7 @@ This file should have the following content. ---- runtime: java11 ---- -You should change the java runtime version number (`java11`) in the `yaml` file to match the value of the `` property in your [filename]`pom.xml` file. +You should change the Java runtime version number (`java11`) in the `yaml` file to match the value of the `` property in your [filename]`pom.xml` file. == Step 7: Enable Cloud Build diff --git a/articles/flow/production/cloud-providers/heroku/index.adoc b/articles/flow/production/cloud-providers/heroku/index.adoc index 06ae500215..23e68c91f5 100644 --- a/articles/flow/production/cloud-providers/heroku/index.adoc +++ b/articles/flow/production/cloud-providers/heroku/index.adoc @@ -1,6 +1,8 @@ --- 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. order: 40 --- diff --git a/articles/flow/production/cloud-providers/index.adoc b/articles/flow/production/cloud-providers/index.adoc index 181058b57e..8a6c21682b 100644 --- a/articles/flow/production/cloud-providers/index.adoc +++ b/articles/flow/production/cloud-providers/index.adoc @@ -1,6 +1,8 @@ --- title: Cloud Providers +page-title: Deploying Vaadin apps on cloud providers description: How to deploy your application to third-party cloud hosting providers. +meta-description: Explore the options and configurations for deploying Vaadin applications on different cloud platforms. order: 50 --- diff --git a/articles/flow/production/distributed-deployment.adoc b/articles/flow/production/distributed-deployment.adoc index 8feb68d262..5970a6f4f2 100644 --- a/articles/flow/production/distributed-deployment.adoc +++ b/articles/flow/production/distributed-deployment.adoc @@ -1,6 +1,8 @@ --- title: Distributed Deployment Architecture +page-title: How to deploy distributed Vaadin applications description: Application deployment on multiple servers. +meta-description: Discover strategies for deploying your Vaadin app on multi-host distributed architectures, like Kubernetes or virtual and physical machine clusters. order: 57 --- diff --git a/articles/flow/production/docker.adoc b/articles/flow/production/docker.adoc index e404e2e55a..fab8ff80ef 100644 --- a/articles/flow/production/docker.adoc +++ b/articles/flow/production/docker.adoc @@ -1,6 +1,8 @@ --- title: Docker Deployment +page-title: How to deploy Vaadin Flow apps with Docker description: Deploy your Vaadin application using Docker. +meta-description: Learn how to containerize and deploy Vaadin applications using Docker. order: 55 --- diff --git a/articles/flow/production/index.adoc b/articles/flow/production/index.adoc index 7b147bdbf7..e7eaefd306 100644 --- a/articles/flow/production/index.adoc +++ b/articles/flow/production/index.adoc @@ -1,6 +1,8 @@ --- title: Deploying to Production +page-title: How to deploy Vaadin to Production description: How to to compile and package an application to deploy to a production server. +meta-description: How to to compile and package your Vaadin application to deploy to a production server. order: 210 --- diff --git a/articles/flow/production/native.adoc b/articles/flow/production/native.adoc index 1892955a7f..1732ab08fa 100644 --- a/articles/flow/production/native.adoc +++ b/articles/flow/production/native.adoc @@ -1,6 +1,8 @@ --- title: Native Image Compilation +page-title: How to optimize Vaadin apps for native production description: Compiling a Vaadin Flow application into a native image using GraalVM. +meta-description: Learn how to prepare and deploy Vaadin applications for native production environments. order: 40 --- diff --git a/articles/flow/production/production-build.adoc b/articles/flow/production/production-build.adoc index 1ba0f95905..44ba3ea6ae 100644 --- a/articles/flow/production/production-build.adoc +++ b/articles/flow/production/production-build.adoc @@ -1,7 +1,9 @@ --- title: Production Build -order: 10 +page-title: How to create a production build in Vaadin Flow description: Create an optimized build of applications for production deployment. +meta-description: Learn to prepare and optimize your Vaadin applications for production environments. +order: 10 --- diff --git a/articles/flow/production/servlet-containers.adoc b/articles/flow/production/servlet-containers.adoc index 97b9216cf8..c244dc4a0d 100644 --- a/articles/flow/production/servlet-containers.adoc +++ b/articles/flow/production/servlet-containers.adoc @@ -1,6 +1,8 @@ --- title: Servlet Container +page-title: How to configure servlet containers for Vaadin description: How to deploy an application to traditional servlet containers. +meta-description: Learn how to deploy and configure Vaadin applications on various servlet containers. order: 20 --- diff --git a/articles/flow/production/spring-boot.adoc b/articles/flow/production/spring-boot.adoc index bdf39ce44e..e4efef96c1 100644 --- a/articles/flow/production/spring-boot.adoc +++ b/articles/flow/production/spring-boot.adoc @@ -1,6 +1,8 @@ --- title: Spring Boot +page-title: How to deploy Vaadin applications with Spring Boot description: How to deploy a Spring Boot based application. +meta-description: Learn to deploy and manage Vaadin projects in Spring Boot environments. order: 30 --- diff --git a/articles/flow/production/troubleshooting.adoc b/articles/flow/production/troubleshooting.adoc index 7f97eaada1..0d9a97f1c0 100644 --- a/articles/flow/production/troubleshooting.adoc +++ b/articles/flow/production/troubleshooting.adoc @@ -1,6 +1,8 @@ --- title: Troubleshooting +page-title: Troubleshoot common issues in Vaadin production environments description: Advice when having problems taking Vaadin applications to production. +meta-description: Find solutions to common issues in Vaadin production environments. Explore troubleshooting tips and best practices for maintaining application performance. order: 60 --- diff --git a/articles/flow/routing/additional-guides/index.adoc b/articles/flow/routing/additional-guides/index.adoc index 450fe8ad18..51429931c4 100644 --- a/articles/flow/routing/additional-guides/index.adoc +++ b/articles/flow/routing/additional-guides/index.adoc @@ -1,5 +1,7 @@ --- title: Additional Guides +page-title: How to manage additional routing guides in Vaadin description: Additional guides related to routing and navigation. +meta-description: Explore advanced routing guides in Vaadin to manage navigation effectively. order: 1000 --- diff --git a/articles/flow/routing/additional-guides/query-parameters.adoc b/articles/flow/routing/additional-guides/query-parameters.adoc index fb35b8c31b..fb0e73a0df 100644 --- a/articles/flow/routing/additional-guides/query-parameters.adoc +++ b/articles/flow/routing/additional-guides/query-parameters.adoc @@ -1,6 +1,8 @@ --- title: Query Parameters +page-title: How to handle query parameters in Vaadin routing description: Pass parameters to a given route in the form of name-value pairs. +meta-description: Learn to use query parameters for passing data and controlling behavior in Vaadin routes. order: 20 --- diff --git a/articles/flow/routing/additional-guides/route-templates.adoc b/articles/flow/routing/additional-guides/route-templates.adoc index cf30495642..4a1057012a 100644 --- a/articles/flow/routing/additional-guides/route-templates.adoc +++ b/articles/flow/routing/additional-guides/route-templates.adoc @@ -1,6 +1,8 @@ --- title: Route Templates +page-title: How to create route templates in Vaadin description: How to customize methods to include parameters in a route. +meta-description: Manage dynamic navigation in your Vaadin applications with route templates. order: 30 --- diff --git a/articles/flow/routing/dynamic.adoc b/articles/flow/routing/dynamic.adoc index f8e598d520..24a5396ada 100644 --- a/articles/flow/routing/dynamic.adoc +++ b/articles/flow/routing/dynamic.adoc @@ -1,6 +1,8 @@ --- title: Registering Routes Dynamically +page-title: How to handle dynamic routing in Vaadin applications description: How to register routes and route templates, dynamically. +meta-description: Implement dynamic routing in your Vaadin applications with this step-by-step guide. order: 100 --- diff --git a/articles/flow/routing/exceptions.adoc b/articles/flow/routing/exceptions.adoc index 366c10ed06..0d8282482a 100644 --- a/articles/flow/routing/exceptions.adoc +++ b/articles/flow/routing/exceptions.adoc @@ -1,6 +1,8 @@ --- title: Router Exception Handling +page-title: How to manage route exceptions in Vaadin description: Handling router exceptions with the Router class. +meta-description: Handle and customize route exceptions in Vaadin for better error management. order: 70 --- diff --git a/articles/flow/routing/index.adoc b/articles/flow/routing/index.adoc index 7ae268da11..639be9a412 100644 --- a/articles/flow/routing/index.adoc +++ b/articles/flow/routing/index.adoc @@ -1,6 +1,8 @@ --- title: Routing pass:[&] Navigation +page-title: Routing and Navigation in Vaadin description: Explains routing, how URLs are mapped to views, and navigating applications. +meta-description: Understand routing, how URLs are mapped to views, and navigating Vaadin applications. order: 30 --- diff --git a/articles/flow/routing/layout.adoc b/articles/flow/routing/layout.adoc index de46e2270c..ad1d9aff0d 100644 --- a/articles/flow/routing/layout.adoc +++ b/articles/flow/routing/layout.adoc @@ -1,6 +1,8 @@ --- title: Router Layouts pass:[&] Nested Router Targets +page-title: How to use layouts in Vaadin routing description: Explains router layouts and nested router targets. +meta-description: Implement routing layouts in Vaadin to structure and organize your application user interface. order: 40 --- diff --git a/articles/flow/routing/lifecycle.adoc b/articles/flow/routing/lifecycle.adoc index 655e944ec4..7f843b2a84 100644 --- a/articles/flow/routing/lifecycle.adoc +++ b/articles/flow/routing/lifecycle.adoc @@ -1,6 +1,8 @@ --- title: Navigation Lifecycle +page-title: How to manage routing lifecycle in Vaadin applications description: Explains the events that happen during a user initiated navigation between two routes. +meta-description: Understand the events that happen during a user initiated navigation between two routes, and discover how to manage routing lifecycle in Vaadin applications. order: 30 --- diff --git a/articles/flow/routing/navigation.adoc b/articles/flow/routing/navigation.adoc index 48ca58790c..1658f0f601 100644 --- a/articles/flow/routing/navigation.adoc +++ b/articles/flow/routing/navigation.adoc @@ -1,6 +1,8 @@ --- title: Navigating Between Routes +page-title: How to implement routing and navigation in Vaadin description: Ways in which to switch between routes or views. +meta-description: Master routing and navigation in Vaadin applications. Learn to manage views, handle routes, and enhance user experience. order: 15 --- diff --git a/articles/flow/routing/page-titles.adoc b/articles/flow/routing/page-titles.adoc index 829fd3a384..31b5e676af 100644 --- a/articles/flow/routing/page-titles.adoc +++ b/articles/flow/routing/page-titles.adoc @@ -1,6 +1,8 @@ --- title: Updating Page Title on Navigation +page-title: How to set page titles dynamically in Vaadin description: How to update a page title during navigation. +meta-description: Learn how to configure and update page titles dynamically in Vaadin applications. order: 90 --- diff --git a/articles/flow/routing/registered-routes.adoc b/articles/flow/routing/registered-routes.adoc index 6a4e06064e..05daf38765 100644 --- a/articles/flow/routing/registered-routes.adoc +++ b/articles/flow/routing/registered-routes.adoc @@ -1,6 +1,8 @@ --- title: Getting Registered Routes +page-title: How to register and manage routes in Vaadin description: How to retrieve all registered routes. +meta-description: Set up and manage registered routes in your Vaadin applications for efficient navigation. order: 80 --- diff --git a/articles/flow/routing/retrieving-routes.adoc b/articles/flow/routing/retrieving-routes.adoc index bcd606659c..cd2372805f 100644 --- a/articles/flow/routing/retrieving-routes.adoc +++ b/articles/flow/routing/retrieving-routes.adoc @@ -1,6 +1,8 @@ --- title: Retrieving Routes +page-title: How to retrieve routes in Vaadin applications description: How to retrieve the generated route for registered navigation targets. +meta-description: Learn to access and retrieve routes dynamically for navigation and routing in Vaadin applications. order: 50 --- diff --git a/articles/flow/routing/route-parameters.adoc b/articles/flow/routing/route-parameters.adoc index a2e7386283..629f5b5909 100644 --- a/articles/flow/routing/route-parameters.adoc +++ b/articles/flow/routing/route-parameters.adoc @@ -1,6 +1,8 @@ --- title: Route Parameters +page-title: How to use route parameters in Vaadin Flow description: How to pass extra information to a route using route parameters. +meta-description: Learn how to use route parameters in Vaadin to create dynamic and user-friendly URLs. order: 20 --- diff --git a/articles/flow/routing/route.adoc b/articles/flow/routing/route.adoc index c0b0c20bfc..eaa6ee46ba 100644 --- a/articles/flow/routing/route.adoc +++ b/articles/flow/routing/route.adoc @@ -1,6 +1,8 @@ --- title: Defining Routes +page-title: How to define and use routes in Vaadin description: Using the Route annotation to define route URLs. +meta-description: Set up and manage application routes in Vaadin for structured navigation. order: 10 --- diff --git a/articles/flow/routing/updating-url-parameters.adoc b/articles/flow/routing/updating-url-parameters.adoc index b0fe060bd3..0d98604edb 100644 --- a/articles/flow/routing/updating-url-parameters.adoc +++ b/articles/flow/routing/updating-url-parameters.adoc @@ -1,6 +1,8 @@ --- title: Updating URL Parameters without Navigation +page-title: How to update URL parameters in Vaadin routing description: How to update URL parameters manually and without navigation. +meta-description: Discover how to modify URL parameters dynamically in your Vaadin applications. order: 25 --- diff --git a/articles/flow/security/advanced-topics/architecture.adoc b/articles/flow/security/advanced-topics/architecture.adoc index 609ffb5095..76624acaa5 100644 --- a/articles/flow/security/advanced-topics/architecture.adoc +++ b/articles/flow/security/advanced-topics/architecture.adoc @@ -1,6 +1,8 @@ --- title: Security Architecture +page-title: Security architecture best practices for Vaadin description: An introduction to Vaadin Flow's security architecture and how it works in practice. +meta-description: Understand Vaadin Flow's security architecture and how it works in practice in Vaadin applications. order: 10 --- diff --git a/articles/flow/security/advanced-topics/external-configuration.adoc b/articles/flow/security/advanced-topics/external-configuration.adoc index a87ed46109..636b87ae94 100644 --- a/articles/flow/security/advanced-topics/external-configuration.adoc +++ b/articles/flow/security/advanced-topics/external-configuration.adoc @@ -1,6 +1,8 @@ --- title: Storing Sensitive Data +page-title: How to configure external security in Vaadin applications description: Advice on storing sensitive data in Spring Boot applications. +meta-description: Configure external security settings in Vaadin applications for enhanced control. order: 250 --- diff --git a/articles/flow/security/advanced-topics/frequent-issues.adoc b/articles/flow/security/advanced-topics/frequent-issues.adoc index 0bf738a42a..d49b3ebc6e 100644 --- a/articles/flow/security/advanced-topics/frequent-issues.adoc +++ b/articles/flow/security/advanced-topics/frequent-issues.adoc @@ -1,6 +1,8 @@ --- title: Frequently Reported Issues +page-title: Common security issues and solutions in Vaadin applications description: Lists perceived issues reported by users as vulnerabilities. +meta-description: Address frequent security issues in Vaadin applications with practical solutions. order: 40 --- @@ -31,6 +33,9 @@ These values aren't used as Cross-Site Request Forgery (CSRF) tokens, and they a Many tools report a Cross-Site Request Forgery (CSRF) vulnerability when Vaadin fetches static resources. These requests can't change the application state. Here is a list of resources that are safe to fetch without a CSRF token: +pass:[] +pass:[] + - FlowBootstrap.(hash).js - FlowBootstrap.(hash).js.br - FlowClient.(hash).js @@ -43,6 +48,9 @@ Many tools report a Cross-Site Request Forgery (CSRF) vulnerability when Vaadin - VAADIN/build/webcomponenthtml-(hash).js - web-component/(exported-web-component-tag).js +pass:[] +pass:[] + == Authentication Bypass when Fetching Static Resources diff --git a/articles/flow/security/advanced-topics/index.adoc b/articles/flow/security/advanced-topics/index.adoc index bec160bd29..99113a4ed4 100644 --- a/articles/flow/security/advanced-topics/index.adoc +++ b/articles/flow/security/advanced-topics/index.adoc @@ -1,5 +1,7 @@ --- title: Advanced Security Topics +page-title: Advanced security topics in Vaadin description: Documentation of advanced security topics. +meta-description: Explore advanced security configurations and techniques to protect your Vaadin applications. order: 200 --- diff --git a/articles/flow/security/advanced-topics/navigation-access-control.adoc b/articles/flow/security/advanced-topics/navigation-access-control.adoc index 12dd5b1194..c57794ef11 100644 --- a/articles/flow/security/advanced-topics/navigation-access-control.adoc +++ b/articles/flow/security/advanced-topics/navigation-access-control.adoc @@ -1,6 +1,8 @@ --- title: Navigation Access Control +page-title: How to control navigation access in Vaadin description: Explains navigation access control and how it can be customized. +meta-description: Implement robust navigation access control in your Vaadin applications. order: 60 --- diff --git a/articles/flow/security/advanced-topics/securing-plain-java-app.adoc b/articles/flow/security/advanced-topics/securing-plain-java-app.adoc index 53cb21b79e..4bd3a2bbde 100644 --- a/articles/flow/security/advanced-topics/securing-plain-java-app.adoc +++ b/articles/flow/security/advanced-topics/securing-plain-java-app.adoc @@ -1,6 +1,8 @@ --- title: Securing Plain Java Applications +page-title: How to secure plain Java applications with Vaadin description: Details and examples on using the built-in security helpers in a Java application. +meta-description: Learn how to secure plain Java applications with Vaadin’s advanced security topics. order: 50 --- diff --git a/articles/flow/security/advanced-topics/security-practices.adoc b/articles/flow/security/advanced-topics/security-practices.adoc index 766c814f3c..fb542bbb13 100644 --- a/articles/flow/security/advanced-topics/security-practices.adoc +++ b/articles/flow/security/advanced-topics/security-practices.adoc @@ -1,6 +1,8 @@ --- title: Security Practices at Vaadin +page-title: How to implement advanced security practices in Vaadin description: Provides an overview of the steps Vaadin takes to ensure an application remains secure. +meta-description: Protect your Vaadin applications with advanced security techniques. Learn about secure configurations and best practices. order: 20 --- diff --git a/articles/flow/security/advanced-topics/strict-csp.adoc b/articles/flow/security/advanced-topics/strict-csp.adoc index f5efce84c1..ad299bc179 100644 --- a/articles/flow/security/advanced-topics/strict-csp.adoc +++ b/articles/flow/security/advanced-topics/strict-csp.adoc @@ -1,6 +1,8 @@ --- title: Content Security Policy +page-title: How to enable strict CSP in Vaadin Flow description: How to enable strict Content Security Policy. +meta-description: Discover how to implement strict content security policies in Vaadin Flow for enhanced security. order: 400 --- @@ -35,8 +37,9 @@ response.getVaadinResponse().setHeader("Content-Security-Policy", response.getDocument().getElementsByTag("script").attr("nonce", nonce); ---- - +pass:[] == Function Execution & Eval Calls +pass:[] The example in the above section only adds the nonce to the application. It doesn't help with handling all of the dynamic functions, `eval` calls, and chunk loading. An application that needs to use strict CSP must provide a JavaScript file for handling these issues in a CSP-compliant way. diff --git a/articles/flow/security/advanced-topics/vulnerabilities.adoc b/articles/flow/security/advanced-topics/vulnerabilities.adoc index 2a3eba3008..08fe479c5e 100644 --- a/articles/flow/security/advanced-topics/vulnerabilities.adoc +++ b/articles/flow/security/advanced-topics/vulnerabilities.adoc @@ -1,6 +1,8 @@ --- title: Common Vulnerabilities +page-title: How to address vulnerabilities in Vaadin applications description: Descriptions of common vulnerabilities such as SQL injections, cross-site request forgeries, cross-site scripting. +meta-description: Understand common vulnerabilities and how to mitigate them in Vaadin applications. order: 30 --- diff --git a/articles/flow/security/enabling-security.adoc b/articles/flow/security/enabling-security.adoc index 1b282b7a7e..1977c80313 100644 --- a/articles/flow/security/enabling-security.adoc +++ b/articles/flow/security/enabling-security.adoc @@ -1,6 +1,8 @@ --- title: Enabling Security +page-title: How to enable security in your Vaadin application description: Enable and configure security in a Vaadin Flow application using built-in security helpers with Spring Boot. +meta-description: Learn how to enable and configure security in a Vaadin Flow application with Spring Boot using built-in security helpers. order: 10 --- diff --git a/articles/flow/testing/end-to-end/advanced-concepts.adoc b/articles/flow/testing/end-to-end/advanced-concepts.adoc index 79f6843170..c67b5fcef3 100644 --- a/articles/flow/testing/end-to-end/advanced-concepts.adoc +++ b/articles/flow/testing/end-to-end/advanced-concepts.adoc @@ -1,6 +1,8 @@ --- title: Advanced Testing Methods +page-title: How to test Vaadin applications end-to-end description: Describes advanced methods for testing a project. +meta-description: Discover advanced end-to-end testing concepts in Vaadin to ensure application reliability. order: 80 --- @@ -78,7 +80,7 @@ As with the total, if you're also interested in the client-side performance for + If you also call [methodname]`timeSpentServicingLastRequest()` or [methodname]`totalTimeSpentServicingRequests()`, you should do so before calling this method. These methods cause a server request, which zeros the rendering time measured by this method. -The following example is given in the `link:https://github.com/vaadin/testbench-demo/blob/master/src/test/java/com/vaadin/testbenchexample/VerifyExecutionTimeITCase.java[VerifyExecutionTimeITCase.java]` file in the TestBench demo: +The following example is given in the `link:https://github.com/vaadin/testbench-demo/blob/v24/src/test/java/com/vaadin/testbenchexample/advanced/PerformanceIT.java[PerformanceIT.java]` file in the TestBench demo: [source,java] ---- @@ -173,7 +175,7 @@ public void setWebDriverAndCapabilities(BrowserTestInfo browserTestInfo) { == Parameterized Tests -https://junit.org/junit5/docs/current/user-guide/#writing-tests-parameterized-tests[Parameterized tests] is a JUnit feature that make it possible to run a test multiple times with different arguments. It is available both in JUnit 4 and JUnit 5, and Testbench supports it, but the test setup is slightly different. +https://junit.org/junit5/docs/current/user-guide/#writing-tests-parameterized-tests[Parameterized tests] is a JUnit feature that make it possible to run a test multiple times with different arguments. It is available both in JUnit 4 and JUnit 5, and TestBench supports it, but the test setup is slightly different. In https://github.com/junit-team/junit4/wiki/Parameterized-tests[JUnit 4], the test class must use the [classname]`Parameterized` runner and you provide parameters that can be injected into the class constructor or public fields. @@ -231,10 +233,10 @@ class MyTestClass extends BrowserTestBase { The expectation might be that the test should run twice, opening the browser at the requested URL, first `http://localhost:8080/first` and then `http://localhost:8080/second`. However, what happens is that the execution produces three failures: two because the `@BrowserTest` initialization is not performed (_No ParameterResolver registered for parameter [com.vaadin.testbench.browser.BrowserTestInfo arg0]_), and one because the parameter value cannot be injected (_No ParameterResolver registered for parameter [java.lang.String param]_). -For further informaton, you can look at the https://github.com/junit-team/junit5/issues/1224#issuecomment-355303637[JUnit issues] reporting the problem, and the related https://github.com/junit-team/junit5/issues/871[Feature request ticket]. +For further information, you can look at the https://github.com/junit-team/junit5/issues/1224#issuecomment-355303637[JUnit issues] reporting the problem, and the related https://github.com/junit-team/junit5/issues/871[Feature request ticket]. -To circumvent this limitation, Testbench introduced the [annotationname]`@ParameterizedBrowserTest` annotation. It is a specialization `@BrowserTest` that supports parameter injection, in the exactly same way as when using [annotationname]`@ParameterizedTest`. +To circumvent this limitation, TestBench introduced the [annotationname]`@ParameterizedBrowserTest` annotation. It is a specialization `@BrowserTest` that supports parameter injection, in the exactly same way as when using [annotationname]`@ParameterizedTest`. Below is an example on how to implement a parameterized browser tests: @@ -258,7 +260,7 @@ class MyTestClass extends BrowserTestBase { === Parameterized Tests on Multiple Browsers -To run parameterized tests on <<./multiple-browsers#,multiple local browsers>> you need to implement the tests in a base abstract class and then create a subclass for each browser, annotating it with [annotationname]`@RunLocally`. With JUnit 4, the base test class inherits from [classname]`ParallelTest` to make Testbench take care of creating and destroying driver instances. +To run parameterized tests on <<./multiple-browsers#,multiple local browsers>> you need to implement the tests in a base abstract class and then create a subclass for each browser, annotating it with [annotationname]`@RunLocally`. With JUnit 4, the base test class inherits from [classname]`ParallelTest` to make TestBench take care of creating and destroying driver instances. [.example] -- diff --git a/articles/flow/testing/end-to-end/bdd.adoc b/articles/flow/testing/end-to-end/bdd.adoc index 58785064d9..aa6f05f581 100644 --- a/articles/flow/testing/end-to-end/bdd.adoc +++ b/articles/flow/testing/end-to-end/bdd.adoc @@ -1,6 +1,8 @@ --- title: Behavior-Driven Development +page-title: How to do behavior-driven development (BDD) | Vaadin description: A method of developing software starting with writing tests in plain spoken language. +meta-description: Explore techniques for implementing behavior-driven development (BDD) testing in Vaadin applications. order: 100 --- diff --git a/articles/flow/testing/end-to-end/ci-server.adoc b/articles/flow/testing/end-to-end/ci-server.adoc index 83aed94a75..ac5d81dac7 100644 --- a/articles/flow/testing/end-to-end/ci-server.adoc +++ b/articles/flow/testing/end-to-end/ci-server.adoc @@ -1,6 +1,8 @@ --- title: Running Tests on a CI Server +page-title: How to configure CI servers for Vaadin testing description: Factors to consider and configure when running tests on a CI Server. +meta-description: Set up Continuous Integration servers for end-to-end testing in Vaadin applications. order: 120 --- diff --git a/articles/flow/testing/end-to-end/creating-tests.adoc b/articles/flow/testing/end-to-end/creating-tests.adoc index b294a09193..738e426e90 100644 --- a/articles/flow/testing/end-to-end/creating-tests.adoc +++ b/articles/flow/testing/end-to-end/creating-tests.adoc @@ -1,6 +1,8 @@ --- title: Creating Tests +page-title: How to create end-to-end tests for Vaadin applications description: How to create tests using TestBench. +meta-description: Master creating end-to-end tests for Vaadin apps. Ensure robust functionality and a seamless user experience. order: 40 --- diff --git a/articles/flow/testing/end-to-end/getting-started.adoc b/articles/flow/testing/end-to-end/getting-started.adoc index 2ef0239875..b2051902cd 100644 --- a/articles/flow/testing/end-to-end/getting-started.adoc +++ b/articles/flow/testing/end-to-end/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: Getting started with end-to-end testing in Vaadin description: Tutorial to begin doing end-to-end testing. +meta-description: Learn the basics of setting up and running end-to-end tests for Vaadin applications to ensure reliability. order: 20 --- diff --git a/articles/flow/testing/end-to-end/index.adoc b/articles/flow/testing/end-to-end/index.adoc index 4e245f7753..1af64ae110 100644 --- a/articles/flow/testing/end-to-end/index.adoc +++ b/articles/flow/testing/end-to-end/index.adoc @@ -1,6 +1,8 @@ --- title: End-to-End Testing +page-title: Comprehensive guide to end-to-end testing in Vaadin description: Simulating an application with end-to-end testing to verify expected actions took place. +meta-description: Simulate an application with end-to-end testing to verify expected actions took place. Read the complete guide to end-to-end testing in Vaadin applications. order: 30 page-links: - https://vaadin.com/api/com.vaadin/vaadin-testbench-core[API] diff --git a/articles/flow/testing/end-to-end/installing-webdrivers.adoc b/articles/flow/testing/end-to-end/installing-webdrivers.adoc index 4cf30784e2..a86b70935f 100644 --- a/articles/flow/testing/end-to-end/installing-webdrivers.adoc +++ b/articles/flow/testing/end-to-end/installing-webdrivers.adoc @@ -1,6 +1,8 @@ --- title: Installing WebDrivers +page-title: How to install WebDrivers for Vaadin testing description: How to install the proper, browser-specific WebDriver for tests. +meta-description: How to install the proper, browser-specific WebDriver for end-to-end testing in Vaadin applications. order: 30 --- diff --git a/articles/flow/testing/end-to-end/low-level-api.adoc b/articles/flow/testing/end-to-end/low-level-api.adoc index 98c0d1d9b8..ff71663a0f 100644 --- a/articles/flow/testing/end-to-end/low-level-api.adoc +++ b/articles/flow/testing/end-to-end/low-level-api.adoc @@ -1,6 +1,8 @@ --- title: Low-Level Element Interactions +page-title: How to use the low-level API for end-to-end testing in Vaadin description: A list and description of helpers to use when a high-level API isn't available for interacting with components. +meta-description: Discover how to write and execute low-level API tests for Vaadin applications. order: 60 --- diff --git a/articles/flow/testing/end-to-end/maven.adoc b/articles/flow/testing/end-to-end/maven.adoc index 44279e71aa..5469bc6bfb 100644 --- a/articles/flow/testing/end-to-end/maven.adoc +++ b/articles/flow/testing/end-to-end/maven.adoc @@ -1,6 +1,8 @@ --- title: Running Tests with Maven +page-title: How to perform end-to-end testing in Vaadin with Maven description: Using Maven to test projects. +meta-description: Implement end-to-end testing for Vaadin applications using Maven. Ensure robust applications with reliable testing workflows. order: 110 --- diff --git a/articles/flow/testing/end-to-end/multiple-browsers.adoc b/articles/flow/testing/end-to-end/multiple-browsers.adoc index 4783116fb0..2c14d0cdbc 100644 --- a/articles/flow/testing/end-to-end/multiple-browsers.adoc +++ b/articles/flow/testing/end-to-end/multiple-browsers.adoc @@ -1,6 +1,8 @@ --- title: Running Tests on Multiple Browsers +page-title: How to test Vaadin apps across multiple browsers description: Advice on running tests on multiple browsers. +meta-description: Learn how to ensure browser compatibility for Vaadin applications through effective testing. order: 130 --- @@ -26,7 +28,7 @@ First, let TestBench take care of creating and destroying driver instances as ne Second, define the grid hub URL using either `@RunOnHub("hub.testgrid.mydomain.com")` on the test class (or a super class) or the system property `com.vaadin.testbench.Parameters.hubHostname`. Or you can configure Sauce Labs credentials and use Sauce Connect proxy to use Sauce Labs test grid. See <> -You'll also need a test class annotated with `@BrowserTest` (["since:com.vaadin:vaadin@V24"]#JUnit 5#) or extending `ParallelTest` (Junit 4) automatically to do the following: +You'll also need a test class annotated with `@BrowserTest` (["since:com.vaadin:vaadin@V24"]#JUnit 5#) or extending `ParallelTest` (JUnit 4) automatically to do the following: - Executes test methods on the hub defined using `@RunOnHub` or the corresponding system property; - Creates a suitable WebDriver instance; diff --git a/articles/flow/testing/end-to-end/page-objects.adoc b/articles/flow/testing/end-to-end/page-objects.adoc index 9f95273230..08edba7617 100644 --- a/articles/flow/testing/end-to-end/page-objects.adoc +++ b/articles/flow/testing/end-to-end/page-objects.adoc @@ -1,6 +1,8 @@ --- title: Tests with Page Objects +page-title: How to use page objects in Vaadin end-to-end tests description: Creating maintainable tests using Page Objects. +meta-description: Learn how to implement page objects in end-to-end tests for Vaadin applications. order: 50 --- diff --git a/articles/flow/testing/end-to-end/reliable-tests.adoc b/articles/flow/testing/end-to-end/reliable-tests.adoc index 4745478b0f..f9376ad6ba 100644 --- a/articles/flow/testing/end-to-end/reliable-tests.adoc +++ b/articles/flow/testing/end-to-end/reliable-tests.adoc @@ -1,6 +1,8 @@ --- title: Making Tests Reliable +page-title: How to create reliable end-to-end tests in Vaadin description: Tutorial on creating reliable tests. +meta-description: Discover best practices for creating reliable end-to-end tests in Vaadin applications. order: 90 --- diff --git a/articles/flow/testing/end-to-end/screenshots.adoc b/articles/flow/testing/end-to-end/screenshots.adoc index 62b915649f..25e0884464 100644 --- a/articles/flow/testing/end-to-end/screenshots.adoc +++ b/articles/flow/testing/end-to-end/screenshots.adoc @@ -1,6 +1,8 @@ --- title: Taking pass:[&] Comparing Screenshots +page-title: How to capture screenshots in Vaadin end-to-end tests description: Explains how to take screenshots and compare them in testing. +meta-description: Capture screenshots during end-to-end testing in Vaadin for better debugging. order: 70 --- diff --git a/articles/flow/testing/end-to-end/test-grid.adoc b/articles/flow/testing/end-to-end/test-grid.adoc index a4870fdcc6..906dc1d23f 100644 --- a/articles/flow/testing/end-to-end/test-grid.adoc +++ b/articles/flow/testing/end-to-end/test-grid.adoc @@ -1,6 +1,8 @@ --- title: Test Grid Set Up +page-title: How to test grids in Vaadin applications description: Explanations and examples on setting up a test grid. +meta-description: Learn how to test Vaadin grids in end-to-end tests for accurate data handling and display. order: 140 --- diff --git a/articles/flow/testing/index.adoc b/articles/flow/testing/index.adoc index 35937ad4db..6fd05154fe 100644 --- a/articles/flow/testing/index.adoc +++ b/articles/flow/testing/index.adoc @@ -1,6 +1,8 @@ --- title: Testing +page-title: How to Test Vaadin Applications Using TestBench description: TestBench allows you to create UI unit and end-to-end tests for your Vaadin applications. +meta-description: Learn more about how TestBench allows you to create UI unit and end-to-end tests for your Vaadin applications. order: 170 --- diff --git a/articles/flow/testing/playwright.adoc b/articles/flow/testing/playwright.adoc index a3cb14ea77..66a02e9265 100644 --- a/articles/flow/testing/playwright.adoc +++ b/articles/flow/testing/playwright.adoc @@ -1,6 +1,8 @@ --- title: Testing with Playwright +page-title: How to use Playwright for Vaadin application testing description: How to set up end-to-end testing of a Vaadin application with Playwright. +meta-description: Learn how to perform robust end-to-end testing for Vaadin applications with Playwright. order: 100 --- diff --git a/articles/flow/testing/selenium.adoc b/articles/flow/testing/selenium.adoc index 97f08e8dcc..6208ae15f7 100644 --- a/articles/flow/testing/selenium.adoc +++ b/articles/flow/testing/selenium.adoc @@ -1,6 +1,8 @@ --- title: Testing with Selenium +page-title: How to use Selenium for testing Vaadin applications description: Describes how to set up end-to-end testing for a Vaadin application using Selenium. +meta-description: Learn how to set up and use Selenium for end-to-end testing of Vaadin applications. order: 100 --- diff --git a/articles/flow/testing/ui-unit/component-query.adoc b/articles/flow/testing/ui-unit/component-query.adoc index 4d64e0e5f5..9399392045 100644 --- a/articles/flow/testing/ui-unit/component-query.adoc +++ b/articles/flow/testing/ui-unit/component-query.adoc @@ -1,6 +1,8 @@ --- title: Querying Components +page-title: How to query Vaadin components in UI unit tests description: Details and examples on accessing components within a UI unit test. +meta-description: Learn how to use component queries for effective UI unit testing in Vaadin applications. Ensure quality and precision. order: 20 --- @@ -134,7 +136,7 @@ public class PhoneNumberFieldTester extends ComponentTester { diff --git a/articles/flow/testing/ui-unit/getting-started.adoc b/articles/flow/testing/ui-unit/getting-started.adoc index 9211da7ce4..457f7754b0 100644 --- a/articles/flow/testing/ui-unit/getting-started.adoc +++ b/articles/flow/testing/ui-unit/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: How to get started with Vaadin UI unit testing description: Tutorial to create and run a UI unit test. +meta-description: A beginner-friendly guide on how to set up and run an user interface unit test in Vaadin. order: 10 --- @@ -164,7 +166,7 @@ The modality check only works when the modal component is <<{articles}/flow/adva Sample test of the HelloWorld view. -.HelloWorld.java +.`HelloWorld.java` [source,java] ---- @Route(value = "", layout = MainLayout.class) @@ -191,7 +193,7 @@ public class HelloWorldView extends HorizontalLayout { [NOTE] The components are package-protected, so that we can use them directly in the [classname]`UIUnitTest`. -.HelloWorldViewTest.java +.`HelloWorldViewTest.java` [source,java] ---- class HelloWorldViewTest extends UIUnitTest { diff --git a/articles/flow/testing/ui-unit/index.adoc b/articles/flow/testing/ui-unit/index.adoc index 7433368c57..675daf4222 100644 --- a/articles/flow/testing/ui-unit/index.adoc +++ b/articles/flow/testing/ui-unit/index.adoc @@ -1,6 +1,8 @@ --- title: UI Unit Testing +page-title: How to perform UI unit testing in Vaadin description: Explains the value of UI unit testing, to test Vaadin applications faster. +meta-description: A guide to setting up and running UI unit tests in Vaadin applications. order: 20 page-links: - https://vaadin.com/api/com.vaadin/vaadin-testbench-unit[API] diff --git a/articles/flow/testing/ui-unit/quarkus.adoc b/articles/flow/testing/ui-unit/quarkus.adoc index c6040ef998..b1d0a0aafd 100644 --- a/articles/flow/testing/ui-unit/quarkus.adoc +++ b/articles/flow/testing/ui-unit/quarkus.adoc @@ -1,5 +1,6 @@ --- title: Quarkus-based Projects +page-title: How to run UI unit tests in Quarkus-based Projects | Vaadin description: Describes and provides examples of how to perform UI Unit Tests. order: 50 --- @@ -79,7 +80,7 @@ In addition to <>, be sure to add the == Set Up View Access Control -To apply view access control, Vaadin requires a [classname]`NavigationAccessControl` to be registered as a [classname]`BeforeEnterListener` for the UI. Currently, the Vaadin Quarkus add-on doesn't support automatic registration of the access control feature. To enable it for UI Unit Testing, perform the setup in a [classname]`QuarkusTestProfile` class by providing an observer for the Vaadin [classname]`ServiceInitEvent` that executes this step. +To apply view access control, Vaadin requires a [classname]`NavigationAccessControl` to be registered as a [classname]`BeforeEnterListener` for the UI. Currently, the Vaadin Quarkus plugin doesn't support automatic registration of the access control feature. To enable it for UI Unit Testing, perform the setup in a [classname]`QuarkusTestProfile` class by providing an observer for the Vaadin [classname]`ServiceInitEvent` that executes this step. .NavigationAccessControl for Quarkus Project Test [source,java] diff --git a/articles/flow/testing/ui-unit/snapshots.adoc b/articles/flow/testing/ui-unit/snapshots.adoc index 293eacbec7..c663dcf965 100644 --- a/articles/flow/testing/ui-unit/snapshots.adoc +++ b/articles/flow/testing/ui-unit/snapshots.adoc @@ -1,6 +1,8 @@ --- title: UI Snapshots +page-title: How to use snapshots in Vaadin UI unit testing description: About the snapshots returned by a failing UI Unit Test. +meta-description: Learn how to capture and compare snapshots during Vaadin UI testing. order: 30 --- diff --git a/articles/flow/testing/ui-unit/spring.adoc b/articles/flow/testing/ui-unit/spring.adoc index 9d70bcb740..22eb2de8b9 100644 --- a/articles/flow/testing/ui-unit/spring.adoc +++ b/articles/flow/testing/ui-unit/spring.adoc @@ -1,6 +1,8 @@ --- title: Spring-based Projects +page-title: How to perform UI unit testing in Vaadin with Spring description: Describes and provides examples how to perform UI Unit Tests. +meta-description: Perform UI unit testing in Vaadin applications integrated with Spring. order: 40 --- diff --git a/articles/flow/tutorial/components-and-layouts.adoc b/articles/flow/tutorial/components-and-layouts.adoc index 5bc7b09770..f0bc77207f 100644 --- a/articles/flow/tutorial/components-and-layouts.adoc +++ b/articles/flow/tutorial/components-and-layouts.adoc @@ -1,8 +1,9 @@ --- title: Create a View order: 40 -page-title: Vaadin Flow Basics. Build a View With Components and Layouts +page-title: How to create views with components and layouts | Vaadin description: Creating views with components and layouts. +meta-description: A beginner’s guide to organizing your UI with components and layouts in Vaadin. section-nav: hidden --- diff --git a/articles/flow/tutorial/creating-a-component.adoc b/articles/flow/tutorial/creating-a-component.adoc index d6f1f8937b..654ad291a6 100644 --- a/articles/flow/tutorial/creating-a-component.adoc +++ b/articles/flow/tutorial/creating-a-component.adoc @@ -1,8 +1,9 @@ --- title: Create a Component -order: 50 -page-title: Create a Reusable UI Component in Vaadin Flow +page-title: How to Create Reusable Components in Vaadin description: Shows how to compose reusable components with a basic layout and components. +meta-description: Learn how to create reusable components in Vaadin Flow. Follow this step-by-step tutorial to enhance your application with reusable and unique components. +order: 50 section-nav: hidden --- diff --git a/articles/flow/tutorial/database-access.adoc b/articles/flow/tutorial/database-access.adoc index 2085174c2b..5a883b8d14 100644 --- a/articles/flow/tutorial/database-access.adoc +++ b/articles/flow/tutorial/database-access.adoc @@ -1,8 +1,9 @@ --- title: Database Access -order: 60 -page-title: Access a database from a Vaadin Flow view. +page-title: How to access a database from a Vaadin Flow view description: Describes how to connect a Vaadin Flow view to the backend through Spring Services. +meta-description: Learn how to connect your Vaadin Flow application to a database. Follow this tutorial for step-by-step guidance on database access and integration. +order: 60 section-nav: hidden --- diff --git a/articles/flow/tutorial/e2e-testing-with-testbench.adoc b/articles/flow/tutorial/e2e-testing-with-testbench.adoc index c79dda7dc8..38ecc1e6f7 100644 --- a/articles/flow/tutorial/e2e-testing-with-testbench.adoc +++ b/articles/flow/tutorial/e2e-testing-with-testbench.adoc @@ -1,8 +1,9 @@ --- title: End-to-End Testing -order: 130 -page-title: Run End-to-End Browser Tests with Vaadin TestBench +page-title: How to perform end-to-end testing with Vaadin TestBench description: Explains how to do full-stack tests on a Vaadin Flow application using Vaadin TestBench. +meta-description: A comprehensive guide to using Vaadin TestBench for end-to-end application testing. +order: 130 section-nav: hidden --- diff --git a/articles/flow/tutorial/forms-and-validation.adoc b/articles/flow/tutorial/forms-and-validation.adoc index 4dea9ffc9c..7c25666915 100644 --- a/articles/flow/tutorial/forms-and-validation.adoc +++ b/articles/flow/tutorial/forms-and-validation.adoc @@ -1,8 +1,9 @@ --- title: Forms pass:[&] Validation order: 70 -page-title: Create a form in Vaadin with data binding and validation. +page-title: How to validate forms in Vaadin applications description: How to use Binder to bind a data object to input fields and validate input. +meta-description: Learn how to use Binder to bind a data object to input fields and validate input. See form validation techniques and best practices for Vaadin applications. section-nav: hidden --- diff --git a/articles/flow/tutorial/handling-view-state.adoc b/articles/flow/tutorial/handling-view-state.adoc index de277d1dee..a806e47b84 100644 --- a/articles/flow/tutorial/handling-view-state.adoc +++ b/articles/flow/tutorial/handling-view-state.adoc @@ -1,8 +1,9 @@ --- title: Handling View State -order: 80 -page-title: Passing Data and Events among Vaadin Components +page-title: How to pass data and handle events in Vaadin components description: Explains how to communicate among components in Vaadin Flow. +meta-description: Learn how to connect Vaadin components, handle events, and create responsive layouts. Follow this guide to build a contact management app with dynamic data interactions. +order: 80 section-nav: hidden --- diff --git a/articles/flow/tutorial/index.adoc b/articles/flow/tutorial/index.adoc index 1e8c5c2256..c244c07bec 100644 --- a/articles/flow/tutorial/index.adoc +++ b/articles/flow/tutorial/index.adoc @@ -1,8 +1,9 @@ --- title: Tutorial section-nav: hidden -page-title: Learning to Build Web Applications with Vaadin and Spring Boot. +page-title: Learn to Build Web Applications with Vaadin and Spring Boot description: Tutorial on building, testing, and deploying a modern web application using Spring Boot and Vaadin. +meta-description: Learn to build web applications by reading this tutorial on building, testing, and deploying a modern web application using Spring Boot and Vaadin. --- = Web Applications with Spring Boot & Vaadin diff --git a/articles/flow/tutorial/installing-and-offline-pwa.adoc b/articles/flow/tutorial/installing-and-offline-pwa.adoc index 1f3c4ca26d..aaa52c2cd3 100644 --- a/articles/flow/tutorial/installing-and-offline-pwa.adoc +++ b/articles/flow/tutorial/installing-and-offline-pwa.adoc @@ -1,8 +1,9 @@ --- title: Installable Offline +page-title: How to create offline PWAs with Vaadin order: 110 -page-title: Make a Vaadin Flow application installable and define an offline page. description: How to define a custom offline page and enable installation on supported devices. +meta-description: Build offline Progressive Web Applications using Vaadin for enhanced accessibility. section-nav: hidden --- diff --git a/articles/flow/tutorial/login-and-authentication.adoc b/articles/flow/tutorial/login-and-authentication.adoc index e4d69c9ab2..144e183d4c 100644 --- a/articles/flow/tutorial/login-and-authentication.adoc +++ b/articles/flow/tutorial/login-and-authentication.adoc @@ -1,8 +1,9 @@ --- title: Login pass:[&] Authentication order: 100 -page-title: Set up Authentication pass:[&] Login in Vaadin Flow +page-title: How to set up Authentication & Login in Vaadin description: How to set up Spring Security to restrict access to views in a Flow application. +meta-description: Learn how to implement login and authentication in Vaadin Flow. Follow this step-by-step tutorial to secure your application with best practices. section-nav: hidden --- diff --git a/articles/flow/tutorial/navigation-and-layouts.adoc b/articles/flow/tutorial/navigation-and-layouts.adoc index 06eec6c42b..8ea307c54e 100644 --- a/articles/flow/tutorial/navigation-and-layouts.adoc +++ b/articles/flow/tutorial/navigation-and-layouts.adoc @@ -1,8 +1,9 @@ --- title: Navigation pass:[&] App Layout order: 90 -page-title: Navigation and parent layouts in Vaadin Flow +page-title: How to master navigation and layouts in Vaadin description: Setting up a parent layout and navigate among child views. +meta-description: Master navigation and layouts in Vaadin applications with this step-by-step guide. section-nav: hidden --- diff --git a/articles/flow/tutorial/production-deployment.adoc b/articles/flow/tutorial/production-deployment.adoc index 102086ec4c..a77f65adfc 100644 --- a/articles/flow/tutorial/production-deployment.adoc +++ b/articles/flow/tutorial/production-deployment.adoc @@ -1,8 +1,9 @@ --- title: Production Deployment order: 160 -page-title: Deploying a Vaadin Flow Application on Azure +page-title: How to deploy Vaadin apps to production description: Describes how to prepare a Vaadin application for production, including deploying on Azure. +meta-description: Learn best practices for deploying Vaadin applications to production environments. section-nav: hidden --- diff --git a/articles/flow/tutorial/project-setup.adoc b/articles/flow/tutorial/project-setup.adoc index bc2f88dfa9..00b321e3cf 100644 --- a/articles/flow/tutorial/project-setup.adoc +++ b/articles/flow/tutorial/project-setup.adoc @@ -1,8 +1,9 @@ --- title: Project Setup order: 30 -page-title: Import, Run pass:[&] Debug a Maven Spring Boot Project in IntelliJ +page-title: How to set up a Vaadin project description: Tutorial on opening and debugging a Vaadin project and configure for better auto-complete support. +meta-description: Set up your Vaadin Flow project with this detailed tutorial for beginners. section-nav: hidden --- diff --git a/articles/flow/tutorial/unit-and-integration-testing.adoc b/articles/flow/tutorial/unit-and-integration-testing.adoc index 19c6ea8814..961c082d61 100644 --- a/articles/flow/tutorial/unit-and-integration-testing.adoc +++ b/articles/flow/tutorial/unit-and-integration-testing.adoc @@ -1,8 +1,9 @@ --- title: Unit pass:[&] Integration Testing order: 120 -page-title: Testing Vaadin Flow Applications with jUnit +page-title: How to perform unit and integration testing in Vaadin Flow description: Tutorial on running unit and integration tests on Vaadin Flow applications. +meta-description: A step-by-step guide to writing unit and integration tests for Vaadin applications. section-nav: hidden --- diff --git a/articles/flow/what-is-flow.adoc b/articles/flow/what-is-flow.adoc index 52f818be20..594e51dacb 100644 --- a/articles/flow/what-is-flow.adoc +++ b/articles/flow/what-is-flow.adoc @@ -1,6 +1,8 @@ --- title: What is Flow? +page-title: How Vaadin Flow works description: Basics of creating an application using Vaadin Flow. +meta-description: Learn how Vaadin Flow helps Java developers build web apps without HTML or JavaScript. Explore bootstrapping, event handling, UI updates, and lazy loading. order: 10 --- diff --git a/articles/getting-started/import/eclipse.adoc b/articles/getting-started/import/eclipse.adoc index b12ce4cdc8..ed5c600f37 100644 --- a/articles/getting-started/import/eclipse.adoc +++ b/articles/getting-started/import/eclipse.adoc @@ -1,6 +1,8 @@ --- title: Eclipse +page-title: How to import Vaadin projects into Eclipse IDE description: How to import a project into Eclipse IDE. +meta-description: Follow this guide to import Vaadin projects into Eclipse. Set up your development environment and start coding seamlessly. order: 100 --- diff --git a/articles/getting-started/import/index.adoc b/articles/getting-started/import/index.adoc index 9ffe14c95b..b5bc0eb446 100644 --- a/articles/getting-started/import/index.adoc +++ b/articles/getting-started/import/index.adoc @@ -1,6 +1,8 @@ --- title: Import to an IDE +page-title: Getting started with Vaadin imports description: How to import a Vaadin starter application into an IDE. +meta-description: Learn how to import projects into your preferred IDE for Vaadin development. layout: tabbed-page tab-title: Overview order: 30 diff --git a/articles/getting-started/import/intellij.adoc b/articles/getting-started/import/intellij.adoc index de4ed75fdf..2b16bef052 100644 --- a/articles/getting-started/import/intellij.adoc +++ b/articles/getting-started/import/intellij.adoc @@ -1,6 +1,8 @@ --- title: IntelliJ IDEA +page-title: How to import Maven projects into IntelliJ IDEA | Vaadin description: How to import a Maven project into IntelliJ IDEA. +meta-description: Import and set up Vaadin projects in IntelliJ IDEA for efficient development workflows. order: 200 --- diff --git a/articles/getting-started/import/netbeans.adoc b/articles/getting-started/import/netbeans.adoc index 3a0912f964..46bd48185d 100644 --- a/articles/getting-started/import/netbeans.adoc +++ b/articles/getting-started/import/netbeans.adoc @@ -1,6 +1,8 @@ --- title: NetBeans +page-title: How to import a Vaadin project into NetBeans description: How to import a project into NetBeans IDE. +meta-description: Follow this guide to seamlessly import and manage your Vaadin projects in NetBeans IDE. order: 300 --- diff --git a/articles/getting-started/import/vscode.adoc b/articles/getting-started/import/vscode.adoc index e98586faea..c5cf96fd12 100644 --- a/articles/getting-started/import/vscode.adoc +++ b/articles/getting-started/import/vscode.adoc @@ -1,6 +1,8 @@ --- title: Visual Studio Code +page-title: How to import Vaadin projects into VS Code description: How to import a project into Visual Studio Code. +meta-description: Set up your Vaadin projects in Visual Studio Code for streamlined development. tab-title: VS Code order: 400 --- diff --git a/articles/getting-started/index.adoc b/articles/getting-started/index.adoc index 09e1732e33..a7d3ac4dee 100644 --- a/articles/getting-started/index.adoc +++ b/articles/getting-started/index.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: Guide for Getting Started with Vaadin description: Get started building applications with Vaadin. +meta-description: Explore this beginner's guide to start building applications with Vaadin. order: 5 section-nav: flat expanded --- diff --git a/articles/getting-started/project/index.adoc b/articles/getting-started/project/index.adoc index 1daa33920f..2eaf55d20a 100644 --- a/articles/getting-started/project/index.adoc +++ b/articles/getting-started/project/index.adoc @@ -1,7 +1,9 @@ --- title: Start a Project +page-title: How to start a new Vaadin project tab-title: Starter Projects description: How to build a new Vaadin project. +meta-description: A comprehensive guide to creating and setting up new Vaadin projects. layout: tabbed-page order: 10 --- diff --git a/articles/getting-started/project/maven-archetype.adoc b/articles/getting-started/project/maven-archetype.adoc index 78bdde0e36..f16609fa88 100644 --- a/articles/getting-started/project/maven-archetype.adoc +++ b/articles/getting-started/project/maven-archetype.adoc @@ -1,6 +1,8 @@ --- title: Create a Project from Maven Archetype +page-title: How to use create a project from Maven Archetype | Vaadin description: How to use a Maven Archetype to generate a Vaadin web application. +meta-description: Kickstart your Vaadin projects with Maven archetypes. Learn how to generate project structures and streamline your Java web app development. tab-title: Maven Archetype order: 20 --- diff --git a/articles/getting-started/run/eclipse.adoc b/articles/getting-started/run/eclipse.adoc index 1da989aa32..208f348eb6 100644 --- a/articles/getting-started/run/eclipse.adoc +++ b/articles/getting-started/run/eclipse.adoc @@ -1,6 +1,8 @@ --- title: Eclipse +page-title: How to run a project with Eclipse | Vaadin description: How to run a project with Eclipse. +meta-description: Learn how to run and debug your Vaadin applications in Eclipse IDE. order: 100 --- diff --git a/articles/getting-started/run/index.adoc b/articles/getting-started/run/index.adoc index 2023cfdac2..b84da9ba44 100644 --- a/articles/getting-started/run/index.adoc +++ b/articles/getting-started/run/index.adoc @@ -1,6 +1,8 @@ --- title: Run an Application +page-title: How to run your first Vaadin application description: How to run a Vaadin starter application. +meta-description: Learn how to run your Vaadin applications locally or in the cloud with ease. layout: tabbed-page tab-title: Overview order: 40 diff --git a/articles/getting-started/run/intellij.adoc b/articles/getting-started/run/intellij.adoc index eb592aebde..89bdf388ef 100644 --- a/articles/getting-started/run/intellij.adoc +++ b/articles/getting-started/run/intellij.adoc @@ -1,6 +1,8 @@ --- title: IntelliJ IDEA +page-title: How to run Vaadin projects in IntelliJ IDEA description: How to run a project in IntelliJ IDEA. +meta-description: Learn how to set up and run Vaadin applications using IntelliJ IDEA. order: 200 --- diff --git a/articles/getting-started/run/netbeans.adoc b/articles/getting-started/run/netbeans.adoc index 89edb3d010..2a137f35c6 100644 --- a/articles/getting-started/run/netbeans.adoc +++ b/articles/getting-started/run/netbeans.adoc @@ -1,6 +1,8 @@ --- title: NetBeans +page-title: How to run Vaadin projects in NetBeans description: How to run a project in NetBeans. +meta-description: Learn how to set up and run your Vaadin applications using NetBeans. order: 300 --- diff --git a/articles/getting-started/tutorial/deployment.adoc b/articles/getting-started/tutorial/deployment.adoc index 0ac3be4563..ff8fdd1112 100644 --- a/articles/getting-started/tutorial/deployment.adoc +++ b/articles/getting-started/tutorial/deployment.adoc @@ -1,6 +1,8 @@ --- title: Deploy to Production +page-title: How to deploy Vaadin applications to production description: Learn how to deploy your Vaadin application to the cloud +meta-description: A comprehensive guide for deploying Vaadin applications in production environments. order: 60 --- diff --git a/articles/getting-started/tutorial/flow/first-view.adoc b/articles/getting-started/tutorial/flow/first-view.adoc index 1b20105f07..7b8e3e4144 100644 --- a/articles/getting-started/tutorial/flow/first-view.adoc +++ b/articles/getting-started/tutorial/flow/first-view.adoc @@ -1,6 +1,8 @@ --- title: First View +page-title: How to create your first view in Vaadin Flow description: Learn how to implement a minimal chat user interface. +meta-description: Follow a step-by-step tutorial to create your first view in Vaadin Flow applications. order: 10 --- diff --git a/articles/getting-started/tutorial/flow/index.adoc b/articles/getting-started/tutorial/flow/index.adoc index 5d0dc437d6..65bd664926 100644 --- a/articles/getting-started/tutorial/flow/index.adoc +++ b/articles/getting-started/tutorial/flow/index.adoc @@ -1,4 +1,6 @@ --- title: Build a Flow UI +page-title: Getting started with Vaadin Flow tutorial +meta-description: Follow this guide to build your first application using Vaadin Flow. order: 30 --- diff --git a/articles/getting-started/tutorial/flow/layout.adoc b/articles/getting-started/tutorial/flow/layout.adoc index cd4813be4c..d314b6e7e6 100644 --- a/articles/getting-started/tutorial/flow/layout.adoc +++ b/articles/getting-started/tutorial/flow/layout.adoc @@ -1,6 +1,8 @@ --- title: Add a Layout +page-title: Layout basics in Vaadin Flow description: Learn how to add a layout to views. +meta-description: Master layout basics to create intuitive and responsive UIs in Vaadin Flow applications. order: 30 --- diff --git a/articles/getting-started/tutorial/flow/message-history.adoc b/articles/getting-started/tutorial/flow/message-history.adoc index 1ade2f15ab..320a9c4d34 100644 --- a/articles/getting-started/tutorial/flow/message-history.adoc +++ b/articles/getting-started/tutorial/flow/message-history.adoc @@ -1,6 +1,8 @@ --- title: Add Message History +page-title: How to add message history in your Vaadin app description: Learn how to protect applications from being overwhelmed with data. +meta-description: Learn how to create a message history feature in Vaadin Flow applications. order: 40 --- diff --git a/articles/getting-started/tutorial/flow/second-view.adoc b/articles/getting-started/tutorial/flow/second-view.adoc index 553ce7883e..5108ea78b3 100644 --- a/articles/getting-started/tutorial/flow/second-view.adoc +++ b/articles/getting-started/tutorial/flow/second-view.adoc @@ -1,6 +1,8 @@ --- title: Second View +page-title: How to create a second view in Vaadin Flow description: Learn how to navigate between views. +meta-description: Add and navigate to a second view in your Vaadin Flow application with ease. order: 20 --- diff --git a/articles/getting-started/tutorial/flow/security.adoc b/articles/getting-started/tutorial/flow/security.adoc index 485bbae41a..3f9f32753c 100644 --- a/articles/getting-started/tutorial/flow/security.adoc +++ b/articles/getting-started/tutorial/flow/security.adoc @@ -1,6 +1,8 @@ --- title: Security +page-title: How to secure Vaadin Flow applications description: Learn how to secure a Flow application. +meta-description: Get started with securing Vaadin Flow applications with this step-by-step tutorial. order: 50 --- diff --git a/articles/getting-started/tutorial/flow/styling.adoc b/articles/getting-started/tutorial/flow/styling.adoc index b527546454..8c3f154067 100644 --- a/articles/getting-started/tutorial/flow/styling.adoc +++ b/articles/getting-started/tutorial/flow/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style your Vaadin Flow application description: Learn how to style a Flow application. +meta-description: Learn how to style your Flow-based Vaadin applications for a polished user interface. order: 60 --- diff --git a/articles/getting-started/tutorial/flow/ux-tweaks.adoc b/articles/getting-started/tutorial/flow/ux-tweaks.adoc index 5b0a4473c7..b5b9289bab 100644 --- a/articles/getting-started/tutorial/flow/ux-tweaks.adoc +++ b/articles/getting-started/tutorial/flow/ux-tweaks.adoc @@ -1,6 +1,8 @@ --- title: User Experience Tweaks +page-title: How to improve UX in Vaadin Flow apps description: Learn how to add keyboard shortcuts and handle errors. +meta-description: Optimize user experience in your Flow-based Vaadin applications with these helpful tweaks. order: 70 --- diff --git a/articles/getting-started/tutorial/hilla/first-view.adoc b/articles/getting-started/tutorial/hilla/first-view.adoc index 061216e0f5..016c9d7dbb 100644 --- a/articles/getting-started/tutorial/hilla/first-view.adoc +++ b/articles/getting-started/tutorial/hilla/first-view.adoc @@ -1,6 +1,8 @@ --- title: First View +page-title: How to create a first view in Hilla | Vaadin description: Learn how to implement a minimal chat user interface with React and Hilla. +meta-description: Create your first view in Hilla applications with this beginner-friendly guide. order: 10 --- @@ -211,7 +213,7 @@ At this point, the application looks okay but it does not do anything. You are n Start by opening the [classname]`com.example.application.chat.ChatService` class in your IDE. Then add the [annotationname]`@BrowserCallable` annotation to the class, like this: -.ChatService.java +.`ChatService.java` [source,java] ---- package com.example.application.chat; @@ -231,7 +233,7 @@ public class ChatService { Because Hilla endpoints are protected by default, and you have not added security yet, you also need to add the [annotationname]`@AnonymousAllowed` annotation to the class so that you can test it: -.ChatService.java +.`ChatService.java` [source,java] ---- package com.example.application.chat; diff --git a/articles/getting-started/tutorial/hilla/index.adoc b/articles/getting-started/tutorial/hilla/index.adoc index 4f51f18fb3..6543dca2f7 100644 --- a/articles/getting-started/tutorial/hilla/index.adoc +++ b/articles/getting-started/tutorial/hilla/index.adoc @@ -1,4 +1,6 @@ --- title: Build a Hilla UI +page-title: How to get started with Hilla for Java applications | Vaadin order: 40 +meta-description: Start building modern Hilla applications with this comprehensive getting-started guide. --- diff --git a/articles/getting-started/tutorial/hilla/layout.adoc b/articles/getting-started/tutorial/hilla/layout.adoc index b3df693775..baae39765b 100644 --- a/articles/getting-started/tutorial/hilla/layout.adoc +++ b/articles/getting-started/tutorial/hilla/layout.adoc @@ -1,6 +1,8 @@ --- title: Add a Layout +page-title: How to design layouts in Vaadin Hilla description: Learn how to add a layout to views. +meta-description: Learn how to create intuitive and responsive layouts in Vaadin Hilla applications. order: 30 --- diff --git a/articles/getting-started/tutorial/hilla/message-history.adoc b/articles/getting-started/tutorial/hilla/message-history.adoc index 17c8457415..5420532303 100644 --- a/articles/getting-started/tutorial/hilla/message-history.adoc +++ b/articles/getting-started/tutorial/hilla/message-history.adoc @@ -1,6 +1,8 @@ --- title: Add Message History +page-title: How to build a message history view with Hilla description: Learn how to protect applications from being overwhelmed with data. +meta-description: Follow this guide to create a message history view using Hilla. order: 40 --- diff --git a/articles/getting-started/tutorial/hilla/reconnects.adoc b/articles/getting-started/tutorial/hilla/reconnects.adoc index d15e8e930f..5b50426e24 100644 --- a/articles/getting-started/tutorial/hilla/reconnects.adoc +++ b/articles/getting-started/tutorial/hilla/reconnects.adoc @@ -1,6 +1,8 @@ --- title: Handle Connection Issues +page-title: How to handle reconnects in Hilla | Vaadin description: Learn what to do when the connection to the server is lost. +meta-description: Learn how to handle client-server reconnections effectively in Hilla applications for a seamless user experience. order: 50 --- diff --git a/articles/getting-started/tutorial/hilla/second-view.adoc b/articles/getting-started/tutorial/hilla/second-view.adoc index d28871ed75..17fbe2edf1 100644 --- a/articles/getting-started/tutorial/hilla/second-view.adoc +++ b/articles/getting-started/tutorial/hilla/second-view.adoc @@ -1,6 +1,8 @@ --- title: Second View +page-title: How to add a second view in your Hilla application | Vaadin description: Learn how to navigate between views with React and Hilla +meta-description: Learn how to navigate between views with React and Hilla in your Vaadin application. order: 20 --- diff --git a/articles/getting-started/tutorial/index.adoc b/articles/getting-started/tutorial/index.adoc index cd910a1976..37f514eb4c 100644 --- a/articles/getting-started/tutorial/index.adoc +++ b/articles/getting-started/tutorial/index.adoc @@ -1,6 +1,8 @@ --- title: Tutorial +page-title: How to get started with Vaadin description: Unified tutorial for building the same application using either Flow or Hilla. +meta-description: Start building modern web applications with Vaadin using this comprehensive tutorial. order: 60 --- diff --git a/articles/getting-started/tutorial/production-build.adoc b/articles/getting-started/tutorial/production-build.adoc index f32005e908..09e03510ea 100644 --- a/articles/getting-started/tutorial/production-build.adoc +++ b/articles/getting-started/tutorial/production-build.adoc @@ -1,6 +1,8 @@ --- title: Build for Production +page-title: How to create a production build for Vaadin applications description: Learn how to make a production build. +meta-description: Follow this guide to optimize and prepare Vaadin applications for production deployment. order: 50 --- diff --git a/articles/getting-started/tutorial/project-setup.adoc b/articles/getting-started/tutorial/project-setup.adoc index 697c58cd4c..2f196ea43d 100644 --- a/articles/getting-started/tutorial/project-setup.adoc +++ b/articles/getting-started/tutorial/project-setup.adoc @@ -1,5 +1,7 @@ --- title: Project Setup +page-title: How to set up your first Vaadin project +meta-description: Start your first Vaadin project with this comprehensive setup tutorial. order: 20 --- diff --git a/articles/getting-started/views/index.adoc b/articles/getting-started/views/index.adoc index 6184f43fab..3e909a24b5 100644 --- a/articles/getting-started/views/index.adoc +++ b/articles/getting-started/views/index.adoc @@ -1,6 +1,8 @@ --- title: Add a View +page-title: How to create and navigate views in Vaadin description: How to add a view to a Vaadin starter application. +meta-description: Learn to add views to your Vaadin application and how to manage navigation between them. order: 50 --- diff --git a/articles/hilla/faq.adoc b/articles/hilla/faq.adoc index e2d207f52c..8002bf034f 100644 --- a/articles/hilla/faq.adoc +++ b/articles/hilla/faq.adoc @@ -1,6 +1,8 @@ --- title: FAQ +page-title: Frequently asked questions about Hilla | Vaadin description: "Frequently asked questions about the Hilla framework." +meta-description: Find answers to frequently asked questions about getting started with the Vaadin Hilla framework. order: 15 --- :hilla-react: diff --git a/articles/hilla/guides/client-caching.adoc b/articles/hilla/guides/client-caching.adoc index b6d8a9154d..1371ca1c7f 100644 --- a/articles/hilla/guides/client-caching.adoc +++ b/articles/hilla/guides/client-caching.adoc @@ -1,6 +1,8 @@ --- title: Client-Side Data Caching +page-title: How to implement client caching in Vaadin Hilla description: Understanding when and how to cache client-side data. +meta-description: Optimize your Hilla applications with client-side caching techniques. Read here to understand how to implement client caching in Vaadin Hilla. order: 75 --- :hilla-react: diff --git a/articles/hilla/guides/client-middleware.adoc b/articles/hilla/guides/client-middleware.adoc index e5f4c4a29b..66bec79f59 100644 --- a/articles/hilla/guides/client-middleware.adoc +++ b/articles/hilla/guides/client-middleware.adoc @@ -1,6 +1,8 @@ --- title: Client Middleware +page-title: How to implement client middleware in Hilla | Vaadin description: "In Hilla, middleware intercepts the request and response for every call, so it's able to process requests and their responses." +meta-description: Learn how to implement client middleware in the Hilla framework by Vaadin. order: 50 --- :hilla-react: diff --git a/articles/hilla/guides/data-grids/index.adoc b/articles/hilla/guides/data-grids/index.adoc index b19f4baa1f..fe8d929d77 100644 --- a/articles/hilla/guides/data-grids/index.adoc +++ b/articles/hilla/guides/data-grids/index.adoc @@ -1,6 +1,8 @@ --- title: Data Grids +page-title: How to work with data grids in Hilla | Vaadin description: Quickly create data grids using the Auto Grid feature. +meta-description: Learn to create and manage advanced data grids in applications using Vaadin's Hilla for data visualization. order: 65 --- @@ -60,7 +62,7 @@ spring.jpa.hibernate.ddl-auto=update First, create a JPA entity class in the backend. For this guide, you'll use a simple entity that represents a product. Create a [filename]`Product.java` file next to [filename]`Application.java` with the following content: [source,java] -.Product.java +.`Product.java` ---- package com.example.application; @@ -126,7 +128,7 @@ public class Product { Next, create a Spring JPA repository for the entity. Create a [filename]`ProductRepository.java` file next to [filename]`Product.java` with the following content: [source,java] -.ProductRepository.java +.`ProductRepository.java` ---- package com.example.application; @@ -140,7 +142,7 @@ public interface ProductRepository extends JpaRepository, JpaSpec Finally, create a service to expose the repository to the frontend. Create a [filename]`ProductService.java` file next to `ProductRepository.java` with the following contents: [source,java] -.ProductService.java +.`ProductService.java` ---- package com.example.application; diff --git a/articles/hilla/guides/endpoints.adoc b/articles/hilla/guides/endpoints.adoc index 53e575e32b..0f1c55d2b6 100644 --- a/articles/hilla/guides/endpoints.adoc +++ b/articles/hilla/guides/endpoints.adoc @@ -1,6 +1,8 @@ --- title: Endpoints +page-title: How to create and use endpoints in Hilla | Vaadin description: A server-side Java endpoint is a backend method that's exposed for calling from client-side TypeScript code. +meta-description: Learn to create and manage endpoints in Hilla for secure and efficient server-client communication. order: 30 --- :hilla-react: diff --git a/articles/hilla/guides/flow-integration.adoc b/articles/hilla/guides/flow-integration.adoc index 8643143f15..f43fe8ded3 100644 --- a/articles/hilla/guides/flow-integration.adoc +++ b/articles/hilla/guides/flow-integration.adoc @@ -1,6 +1,8 @@ --- title: Flow Integration +page-title: How to integrate Vaadin Flow with Hilla description: Integrating Flow components in Hilla views. +meta-description: Discover how to integrate Vaadin Flow with Hilla for seamless backend and frontend development. order: 500 --- diff --git a/articles/hilla/guides/forms/binder-load.adoc b/articles/hilla/guides/forms/binder-load.adoc index fc40e75884..d4a6874d95 100644 --- a/articles/hilla/guides/forms/binder-load.adoc +++ b/articles/hilla/guides/forms/binder-load.adoc @@ -1,6 +1,8 @@ --- title: Loading pass:[&] Saving Form Data +page-title: How to load data into forms with Hilla binder | Vaadin description: Loading data to Binder and submitting it for saving. +meta-description: Learn to populate and manage form data in Vaadin Hilla applications using the binder API. order: 2 --- :hilla-react: diff --git a/articles/hilla/guides/forms/binder-validation.adoc b/articles/hilla/guides/forms/binder-validation.adoc index fcb875117b..7dcae55a80 100644 --- a/articles/hilla/guides/forms/binder-validation.adoc +++ b/articles/hilla/guides/forms/binder-validation.adoc @@ -1,6 +1,8 @@ --- title: Validating User Input +page-title: How to validate forms with Hilla binder | Vaadin description: Validating user input using Bean Validation together with the Binder API. +meta-description: Validate and manage forms efficiently in Hilla using the binder API for better data handling. order: 3 --- :hilla-react: diff --git a/articles/hilla/guides/forms/binder.adoc b/articles/hilla/guides/forms/binder.adoc index 41871337a1..bf0c4db731 100644 --- a/articles/hilla/guides/forms/binder.adoc +++ b/articles/hilla/guides/forms/binder.adoc @@ -1,6 +1,8 @@ --- title: Binding Data to Forms +page-title: How to bind data in Hilla forms | Vaadin description: Binding data to UI components in TypeScript forms. +meta-description: Master data binding techniques in Hilla forms for efficient data handling in your applications. order: 1 --- :hilla-react: diff --git a/articles/hilla/guides/forms/binding-arrays.adoc b/articles/hilla/guides/forms/binding-arrays.adoc index eadab6f1a6..f1a6ee442f 100644 --- a/articles/hilla/guides/forms/binding-arrays.adoc +++ b/articles/hilla/guides/forms/binding-arrays.adoc @@ -1,6 +1,8 @@ --- title: Binding Arrays +page-title: Bing arrays in Hilla | Vaadin description: Working with arrays using form binding API. +meta-description: How to work with arrays using form binding API in Vaadin's Hilla. order: 105 --- :hilla-react: diff --git a/articles/hilla/guides/forms/form-images.adoc b/articles/hilla/guides/forms/form-images.adoc index 71adddbdf4..d4a3ad70d1 100644 --- a/articles/hilla/guides/forms/form-images.adoc +++ b/articles/hilla/guides/forms/form-images.adoc @@ -1,6 +1,8 @@ --- title: Image Fields in Forms +page-title: How to manage form images in Hilla applications description: Allowing images to be uploaded in forms. +meta-description: Learn how to handle image uploads and display them in forms using Hilla. order: 110 --- :hilla-react: diff --git a/articles/hilla/guides/forms/form-status-tracking.adoc b/articles/hilla/guides/forms/form-status-tracking.adoc index aeeefac07c..55da77092c 100644 --- a/articles/hilla/guides/forms/form-status-tracking.adoc +++ b/articles/hilla/guides/forms/form-status-tracking.adoc @@ -1,6 +1,8 @@ --- title: Reacting to Form State Changes +page-title: How to track form status in Hilla | Vaadin description: How to recognize different states of fields and forms and react accordingly. +meta-description: Learn to monitor and manage form status effectively in Vaadin Hilla applications. order: 5 --- :hilla-react: diff --git a/articles/hilla/guides/forms/index.adoc b/articles/hilla/guides/forms/index.adoc index 65c6a3a05d..20cb5eda62 100644 --- a/articles/hilla/guides/forms/index.adoc +++ b/articles/hilla/guides/forms/index.adoc @@ -1,4 +1,6 @@ --- title: Forms +page-title: How to build forms in Hilla | Vaadin +meta-description: Build and manage forms in Vaadin Hilla applications with this detailed guide. order: 70 --- diff --git a/articles/hilla/guides/forms/reference.adoc b/articles/hilla/guides/forms/reference.adoc index eb629736f3..97d626d50c 100644 --- a/articles/hilla/guides/forms/reference.adoc +++ b/articles/hilla/guides/forms/reference.adoc @@ -1,6 +1,8 @@ --- title: Form Binding +page-title: Reference guide for Hilla forms | Vaadin description: Understanding form binding. +meta-description: Dive into Hilla form reference details. Learn advanced configurations, customizations, and best practices. --- :hilla-react: diff --git a/articles/hilla/guides/forms/vaadin-components.adoc b/articles/hilla/guides/forms/vaadin-components.adoc index 5aac19c299..dd3dac72ed 100644 --- a/articles/hilla/guides/forms/vaadin-components.adoc +++ b/articles/hilla/guides/forms/vaadin-components.adoc @@ -1,6 +1,8 @@ --- title: Binding Data to Input Fields +page-title: How to integrate Vaadin components into Hilla forms description: Implementing data binding, type mapping and error messages when binding data with Hilla components. +meta-description: Learn how to enhance Hilla forms by integrating Vaadin components into them. order: 100 --- :hilla-react: diff --git a/articles/hilla/guides/from-java-to-react.adoc b/articles/hilla/guides/from-java-to-react.adoc index 033bbb94f9..23b3772f3f 100644 --- a/articles/hilla/guides/from-java-to-react.adoc +++ b/articles/hilla/guides/from-java-to-react.adoc @@ -1,6 +1,8 @@ --- title: React for Java Developers +page-title: React for Java Developers using Vaadin description: How React differs from Java, and how it's used in Vaadin. +meta-description: Learn about how React differs from Java, and how it's used in Vaadin. order: 120 --- diff --git a/articles/hilla/guides/full-stack-signals.adoc b/articles/hilla/guides/full-stack-signals.adoc index 863b23bfe7..a372b38a01 100644 --- a/articles/hilla/guides/full-stack-signals.adoc +++ b/articles/hilla/guides/full-stack-signals.adoc @@ -1,6 +1,8 @@ --- title: Full-Stack Signals +page-title: How to create full-stack signals in your Vaadin application description: A full-stack signal is designed to share and synchronize states between the server and clients in real time. +meta-description: Learn how to create and use full-stack signals in your Vaadin applications. order: 130 --- diff --git a/articles/hilla/guides/index.adoc b/articles/hilla/guides/index.adoc index d94444c872..27fdf5c68f 100644 --- a/articles/hilla/guides/index.adoc +++ b/articles/hilla/guides/index.adoc @@ -1,4 +1,6 @@ --- title: Guides +page-title: How to get started with Hilla | Vaadin +meta-description: Explore a range of guides to enhance your development experience with Vaadin's Hilla. order: 20 ---- +--- \ No newline at end of file diff --git a/articles/hilla/guides/production/cloud-providers/aws/index.adoc b/articles/hilla/guides/production/cloud-providers/aws/index.adoc index 72ef4bd293..8e63253362 100644 --- a/articles/hilla/guides/production/cloud-providers/aws/index.adoc +++ b/articles/hilla/guides/production/cloud-providers/aws/index.adoc @@ -1,6 +1,8 @@ --- title: Amazon Web Services +page-title: How to deploy Hilla apps to AWS cloud | Vaadin description: Learn how to deploy a Hilla application to Amazon Web Services (AWS). +meta-description: Deploy Hilla applications to AWS for robust and scalable cloud hosting. order: 10 --- :hilla-react: diff --git a/articles/hilla/guides/production/cloud-providers/azure/index.adoc b/articles/hilla/guides/production/cloud-providers/azure/index.adoc index 8ffc10684c..875ff99414 100644 --- a/articles/hilla/guides/production/cloud-providers/azure/index.adoc +++ b/articles/hilla/guides/production/cloud-providers/azure/index.adoc @@ -1,6 +1,8 @@ --- title: Azure +page-title: How to deploy Hilla apps to Azure cloud | Vaadin description: Learn how to deploy your Hilla application to Microsoft's Azure cloud. +meta-description: Learn how to deploy Hilla applications to Azure Cloud for reliable and scalable hosting. order: 20 --- :hilla-react: diff --git a/articles/hilla/guides/production/cloud-providers/google/index.adoc b/articles/hilla/guides/production/cloud-providers/google/index.adoc index d11e1f2ff1..dea3ce81f1 100644 --- a/articles/hilla/guides/production/cloud-providers/google/index.adoc +++ b/articles/hilla/guides/production/cloud-providers/google/index.adoc @@ -1,6 +1,8 @@ --- title: Google Cloud +page-title: How to deploy Hilla apps on Google Cloud | Vaadin description: Learn how to deploy your Hilla application to Google Cloud. +meta-description: Discover best practices for deploying Hilla applications on Google Cloud. order: 30 --- :hilla-react: diff --git a/articles/hilla/guides/production/cloud-providers/heroku/index.adoc b/articles/hilla/guides/production/cloud-providers/heroku/index.adoc index 836f3b8fac..a3307d5eff 100644 --- a/articles/hilla/guides/production/cloud-providers/heroku/index.adoc +++ b/articles/hilla/guides/production/cloud-providers/heroku/index.adoc @@ -1,6 +1,8 @@ --- title: Heroku +page-title: How to deploy Hilla apps to Heroku | Vaadin description: Learn how to deploy your Hilla application to Heroku. +meta-description: Deploy Hilla applications to Heroku for fast and efficient cloud hosting. order: 40 --- :hilla-react: diff --git a/articles/hilla/guides/production/cloud-providers/index.adoc b/articles/hilla/guides/production/cloud-providers/index.adoc index 0dc55039f8..174420901c 100644 --- a/articles/hilla/guides/production/cloud-providers/index.adoc +++ b/articles/hilla/guides/production/cloud-providers/index.adoc @@ -1,6 +1,8 @@ --- title: Cloud Providers +page-title: How to deploy Hilla apps across cloud providers | Vaadin description: Learn how to deploy your application to third-party cloud hosting providers. +meta-description: Discover strategies for deploying Hilla applications across various cloud providers. order: 50 --- diff --git a/articles/hilla/guides/production/index.adoc b/articles/hilla/guides/production/index.adoc index bf7c7d0af5..9e78b4538e 100644 --- a/articles/hilla/guides/production/index.adoc +++ b/articles/hilla/guides/production/index.adoc @@ -1,5 +1,7 @@ --- title: Deploying to Production +page-title: How to deploy Hilla apps to production | Vaadin +meta-description: Deploy Hilla applications to production environments with confidence. order: 110 --- diff --git a/articles/hilla/guides/production/native.adoc b/articles/hilla/guides/production/native.adoc index 9e85c5d821..c5ce45238e 100644 --- a/articles/hilla/guides/production/native.adoc +++ b/articles/hilla/guides/production/native.adoc @@ -1,6 +1,8 @@ --- title: Native Image Compilation +page-title: How to compile Hilla applications to Native Images with GraalVM | Vaadin description: Learn how to compile a Hilla application into a native image using GraalVM. +meta-description: Learn how to compile a Hilla application into a native image using GraalVM in Vaadin. order: 40 --- diff --git a/articles/hilla/guides/production/production-build.adoc b/articles/hilla/guides/production/production-build.adoc index cc819bd72a..bdd5e39bbe 100644 --- a/articles/hilla/guides/production/production-build.adoc +++ b/articles/hilla/guides/production/production-build.adoc @@ -1,6 +1,8 @@ --- title: Production Build +page-title: How to create a production build for Hilla applications description: How to create a production-ready package of an application, which can then be deployed. +meta-description: Learn how to optimize and deploy Hilla applications for production environments. order: 10 --- diff --git a/articles/hilla/guides/production/servlet-containers.adoc b/articles/hilla/guides/production/servlet-containers.adoc index f112bc4733..7ecebd7f65 100644 --- a/articles/hilla/guides/production/servlet-containers.adoc +++ b/articles/hilla/guides/production/servlet-containers.adoc @@ -1,6 +1,8 @@ --- title: Servlet Container +page-title: How to deploy Hilla apps to servlet containers | Vaadin description: Deploying a Hilla application to a traditional servlet container, such as Tomcat or Jetty. +meta-description: Deploy Hilla applications to servlet containers for enhanced flexibility. order: 20 --- diff --git a/articles/hilla/guides/production/spring-boot.adoc b/articles/hilla/guides/production/spring-boot.adoc index 0bcc3fd4ec..eb958b1951 100644 --- a/articles/hilla/guides/production/spring-boot.adoc +++ b/articles/hilla/guides/production/spring-boot.adoc @@ -1,6 +1,8 @@ --- title: Spring Boot +page-title: How to deploy Spring Boot-based applications | Vaadin description: Deploying Spring Boot-based applications. +meta-description: Deploy Hilla applications using Spring Boot for streamlined development. order: 30 --- diff --git a/articles/hilla/guides/production/troubleshooting.adoc b/articles/hilla/guides/production/troubleshooting.adoc index 8d859fcc8e..09a5079e2e 100644 --- a/articles/hilla/guides/production/troubleshooting.adoc +++ b/articles/hilla/guides/production/troubleshooting.adoc @@ -1,6 +1,8 @@ --- title: Troubleshooting +page-title: How to troubleshoot Hilla apps in production | Vaadin description: Guidance if you have problems taking Hilla applications to production. +meta-description: Learn how to troubleshoot Hilla applications in production environments effectively. order: 60 --- diff --git a/articles/hilla/guides/reactive-endpoints.adoc b/articles/hilla/guides/reactive-endpoints.adoc index 5cb1db408e..299b156fc4 100644 --- a/articles/hilla/guides/reactive-endpoints.adoc +++ b/articles/hilla/guides/reactive-endpoints.adoc @@ -1,6 +1,8 @@ --- title: Reactive Endpoints +page-title: How to use reactive endpoints in Hilla | Vaadin description: Reactive endpoints allow you to stream data to the client without the traditional HTTP request-response pattern. +meta-description: Master reactive programming in Hilla with endpoints for real-time data handling and responsiveness. order: 40 --- :hilla-react: diff --git a/articles/hilla/guides/routing.adoc b/articles/hilla/guides/routing.adoc index ff6f4c99b7..cbac3697f4 100644 --- a/articles/hilla/guides/routing.adoc +++ b/articles/hilla/guides/routing.adoc @@ -1,6 +1,8 @@ --- title: Routing +page-title: How to implement routing in Hilla React apps | Vaadin description: How to implement routing in Hilla React applications. +meta-description: Learn how to implement client-side routing in Vaadin Hilla. Explore configuration options, dynamic routes, and best practices for seamless navigation. order: 60 --- diff --git a/articles/hilla/guides/security/authentication.adoc b/articles/hilla/guides/security/authentication.adoc index b0ea44dbfb..5a8fdf9866 100644 --- a/articles/hilla/guides/security/authentication.adoc +++ b/articles/hilla/guides/security/authentication.adoc @@ -1,6 +1,8 @@ --- title: Accessing Auth Data +page-title: How to configure authentication in Hilla | Vaadin description: Accessing authentication data such as username and roles on the server side, as well as transferring the data to the client. +meta-description: Learn how to access authentication data such as username and roles on the server side, as well as transferring the data to the client in Hilla applications. order: 95 --- :hilla-react: diff --git a/articles/hilla/guides/security/best-practices.adoc b/articles/hilla/guides/security/best-practices.adoc index 2c1d71f12c..12c2d846cc 100644 --- a/articles/hilla/guides/security/best-practices.adoc +++ b/articles/hilla/guides/security/best-practices.adoc @@ -1,6 +1,8 @@ --- title: Best Practices +page-title: How to implement security best practices in Hilla applications | Vaadin description: Best practices in authentication and authorization, data validation, and SSL and HTTPS. +meta-description: Follow best practices to secure Hilla applications and protect sensitive data. order: 151 --- :hilla-react: diff --git a/articles/hilla/guides/security/configuring.adoc b/articles/hilla/guides/security/configuring.adoc index 59aa38617f..c241a77df9 100644 --- a/articles/hilla/guides/security/configuring.adoc +++ b/articles/hilla/guides/security/configuring.adoc @@ -1,6 +1,8 @@ --- title: Controlling Endpoint Access +page-title: How to configure security in Hilla | Vaadin description: How to specify the role-based access control rules as annotations for the endpoint class or its individual methods. +meta-description: Set up and customize security configurations in Hilla applications. order: 80 --- :hilla-react: diff --git a/articles/hilla/guides/security/index.adoc b/articles/hilla/guides/security/index.adoc index cffccdf243..567a23c29a 100644 --- a/articles/hilla/guides/security/index.adoc +++ b/articles/hilla/guides/security/index.adoc @@ -1,7 +1,9 @@ --- 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 --- :hilla-react: diff --git a/articles/hilla/guides/security/intro.adoc b/articles/hilla/guides/security/intro.adoc index f4b0bcf3d6..0b989a38a2 100644 --- a/articles/hilla/guides/security/intro.adoc +++ b/articles/hilla/guides/security/intro.adoc @@ -1,6 +1,8 @@ --- title: Introduction +page-title: Introduction to security in Hilla | Vaadin description: An introduction to the Hilla security architecture and how it works in practice. +meta-description: Learn the basics of securing Vaadin Hilla applications with proven strategies. order: 10 --- :hilla-react: diff --git a/articles/hilla/guides/security/offline-auth.adoc b/articles/hilla/guides/security/offline-auth.adoc index de216df2df..a650abcfcc 100644 --- a/articles/hilla/guides/security/offline-auth.adoc +++ b/articles/hilla/guides/security/offline-auth.adoc @@ -1,6 +1,8 @@ --- title: Offline Authentication +page-title: How to implement offline authentication in Hilla apps | Vaadin description: Storing the authentication data in the browser for offline applications. +meta-description: Learn how to implement offline authentication for Hilla applications to enhance user experience. order: 110 --- :hilla-react: diff --git a/articles/hilla/guides/security/spring-login.adoc b/articles/hilla/guides/security/spring-login.adoc index 7a8785f473..3b02bfea2f 100644 --- a/articles/hilla/guides/security/spring-login.adoc +++ b/articles/hilla/guides/security/spring-login.adoc @@ -1,6 +1,8 @@ --- title: Authentication with Spring Security +page-title: How to set up spring login in Hilla apps | Vaadin description: How to configure authentication with Spring Security. +meta-description: Explore how to configure and implement secure login in Hilla applications using Spring Security. order: 90 --- :hilla-react: diff --git a/articles/hilla/guides/security/spring-stateless.adoc b/articles/hilla/guides/security/spring-stateless.adoc index 45daa68fb6..39cffd62b1 100644 --- a/articles/hilla/guides/security/spring-stateless.adoc +++ b/articles/hilla/guides/security/spring-stateless.adoc @@ -1,6 +1,8 @@ --- title: Stateless Authentication +page-title: How to implement Spring stateless security in Hilla | Vaadin description: Using stateless authentication to persist authentication on the client side between requests. +meta-description: How to use stateless authentication to persist authentication on the client side between requests in your Hilla application. order: 100 --- :hilla-react: diff --git a/articles/hilla/guides/styling.adoc b/articles/hilla/guides/styling.adoc index 588c37e91b..6cc1aabd57 100644 --- a/articles/hilla/guides/styling.adoc +++ b/articles/hilla/guides/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style forms and elements in Hilla | Vaadin description: How to add CSS styles to views and React components in Hilla applications. +meta-description: Learn styling techniques for forms and elements in Hilla applications. order: 80 --- :hilla-react: diff --git a/articles/hilla/guides/testing.adoc b/articles/hilla/guides/testing.adoc index 042bb39f00..57ea572588 100644 --- a/articles/hilla/guides/testing.adoc +++ b/articles/hilla/guides/testing.adoc @@ -1,6 +1,8 @@ --- title: Testing +page-title: How to test Hilla applications effectively | Vaadin description: How to test views in Hilla applications. +meta-description: Discover strategies and tools for testing Hilla applications with confidence. order: 105 --- diff --git a/articles/hilla/guides/upgrading/index.adoc b/articles/hilla/guides/upgrading/index.adoc index f561355fe1..bdde834632 100644 --- a/articles/hilla/guides/upgrading/index.adoc +++ b/articles/hilla/guides/upgrading/index.adoc @@ -1,5 +1,7 @@ --- title: Upgrading Guide +page-title: How to upgrade Hilla applications | Vaadin +meta-description: Step-by-step guide to upgrading your Hilla applications to the latest version. order: 900 --- :hilla-react: diff --git a/articles/hilla/index.adoc b/articles/hilla/index.adoc index a8dbef3605..2403d13daf 100644 --- a/articles/hilla/index.adoc +++ b/articles/hilla/index.adoc @@ -1,6 +1,8 @@ --- title: Hilla +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 section-nav: flat expanded --- diff --git a/articles/hilla/lit/components/3rd-party.adoc b/articles/hilla/lit/components/3rd-party.adoc index 0c70d7c60c..1659c66fdd 100644 --- a/articles/hilla/lit/components/3rd-party.adoc +++ b/articles/hilla/lit/components/3rd-party.adoc @@ -1,6 +1,8 @@ --- title: Integrating Components +page-title: How to integrate 3rd-party components in Hilla | Vaadin description: How to use any third-party component from npm in your Hilla applications. +meta-description: Learn to integrate third-party components into Hilla applications to extend functionality. order: 40 --- diff --git a/articles/hilla/lit/components/create.adoc b/articles/hilla/lit/components/create.adoc index cc207f2aed..6a01c2c2c7 100644 --- a/articles/hilla/lit/components/create.adoc +++ b/articles/hilla/lit/components/create.adoc @@ -1,6 +1,8 @@ --- title: Creating Components +page-title: How to create custom components in Hilla Lit | Vaadin description: How to create reactive web components with Lit. +meta-description: Learn how to create reactive web components with Lit in your Hilla application. order: 30 --- diff --git a/articles/hilla/lit/components/index.adoc b/articles/hilla/lit/components/index.adoc index 65f76968f4..8b8d14605a 100644 --- a/articles/hilla/lit/components/index.adoc +++ b/articles/hilla/lit/components/index.adoc @@ -1,7 +1,8 @@ --- title: Components -page-title: Lit Web Components | Hilla Docs +page-title: How to use Vaadin components with Hilla and Lit description: Hilla helps you build professional-looking UIs faster by including more than 45 UI components, provided by Vaadin, ranging from text fields to data grids. +meta-description: Start using Hilla to build professional-looking UIs faster by including more than 45 UI components, provided by Vaadin, ranging from text fields to data grids. order: 30 --- diff --git a/articles/hilla/lit/components/type-definitions.adoc b/articles/hilla/lit/components/type-definitions.adoc index 4c11142eb2..98f09f5ef5 100644 --- a/articles/hilla/lit/components/type-definitions.adoc +++ b/articles/hilla/lit/components/type-definitions.adoc @@ -1,6 +1,8 @@ --- title: Type Definitions +page-title: How to define types in Hilla components | Vaadin description: Understanding how to use Vaadin components' TypeScript definitions with web components in TypeScript views. +meta-description: Understand how to use Vaadin components' TypeScript definitions with web components in TypeScript views. order: 50 --- diff --git a/articles/hilla/lit/components/using-vaadin-components.adoc b/articles/hilla/lit/components/using-vaadin-components.adoc index b23774b71f..1635726e89 100644 --- a/articles/hilla/lit/components/using-vaadin-components.adoc +++ b/articles/hilla/lit/components/using-vaadin-components.adoc @@ -1,6 +1,8 @@ --- title: Using Components +page-title: How to use Vaadin components in Hilla with Lit description: How to use Vaadin components in your Hilla views. +meta-description: Discover how to integrate and use Vaadin components in your Hilla Lit applications. order: 20 --- diff --git a/articles/hilla/lit/guides/architecture.adoc b/articles/hilla/lit/guides/architecture.adoc index 5b557c7341..3813686c09 100644 --- a/articles/hilla/lit/guides/architecture.adoc +++ b/articles/hilla/lit/guides/architecture.adoc @@ -1,6 +1,8 @@ --- title: Application Architecture +page-title: Understanding Hilla application architecture with Lit | Vaadin description: An overview of the structure and architecture of a Hilla application. +meta-description: Learn about the architecture of Hilla applications using Lit. Explore design principles, best practices, and guidance for building scalable web apps. order: 10 --- diff --git a/articles/hilla/lit/guides/client-caching.adoc b/articles/hilla/lit/guides/client-caching.adoc index 6b8111533a..ef155244d3 100644 --- a/articles/hilla/lit/guides/client-caching.adoc +++ b/articles/hilla/lit/guides/client-caching.adoc @@ -1,6 +1,8 @@ --- title: Client-Side Data Caching +page-title: How to implement client caching in Hilla | Vaadin description: Understanding when and how to cache client-side data. +meta-description: Learn about client caching strategies in Hilla applications to optimize performance. order: 75 --- // tag::content[] diff --git a/articles/hilla/lit/guides/client-middleware.adoc b/articles/hilla/lit/guides/client-middleware.adoc index 42bdb289a1..80cf28cda8 100644 --- a/articles/hilla/lit/guides/client-middleware.adoc +++ b/articles/hilla/lit/guides/client-middleware.adoc @@ -1,6 +1,8 @@ --- title: Client Middleware +page-title: How to use client middleware in Hilla applications | Vaadin description: In Hilla, middleware intercepts the request and response for every call, so it's able to process requests and their responses. +meta-description: Enhance your Hilla apps with client middleware. Learn to intercept, modify, or log HTTP requests and responses seamlessly. order: 70 --- // tag::content[] diff --git a/articles/hilla/lit/guides/endpoints.adoc b/articles/hilla/lit/guides/endpoints.adoc index 6cddbe47c3..be80d7bcf5 100644 --- a/articles/hilla/lit/guides/endpoints.adoc +++ b/articles/hilla/lit/guides/endpoints.adoc @@ -1,6 +1,8 @@ --- title: Endpoints +page-title: How to create and use endpoints in Hilla | Vaadin description: A server-side Java endpoint is a backend method that's exposed so to call it from client-side TypeScript code. +meta-description: Explore the role of endpoints in Hilla applications for seamless client-server communication. order: 30 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/event-handling.adoc b/articles/hilla/lit/guides/event-handling.adoc index a9f7edf9eb..f1b609b858 100644 --- a/articles/hilla/lit/guides/event-handling.adoc +++ b/articles/hilla/lit/guides/event-handling.adoc @@ -1,6 +1,8 @@ --- title: Event Handling +page-title: How to handle events in Hilla | Vaadin description: Handling events in a Hilla application. Declarative event listeners and event objects in TypeScript. +meta-description: Master event handling in Hilla applications using Lit for responsive user interactions. order: 40 --- diff --git a/articles/hilla/lit/guides/forms/binder-load.adoc b/articles/hilla/lit/guides/forms/binder-load.adoc index c3287a677c..d378971c28 100644 --- a/articles/hilla/lit/guides/forms/binder-load.adoc +++ b/articles/hilla/lit/guides/forms/binder-load.adoc @@ -1,6 +1,8 @@ --- title: Loading pass:[&] Saving Form Data +page-title: How to use binder load in Hilla forms | Vaadin description: Loading data to Binder and submitting it for saving. +meta-description: Learn how to use binder load strategies for efficient data binding in Hilla forms. order: 2 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/binder-validation.adoc b/articles/hilla/lit/guides/forms/binder-validation.adoc index 81f79ca8e6..df2188a378 100644 --- a/articles/hilla/lit/guides/forms/binder-validation.adoc +++ b/articles/hilla/lit/guides/forms/binder-validation.adoc @@ -1,6 +1,8 @@ --- title: Validating User Input +page-title: Binder validation in Hilla forms | Vaadin description: Validating user input using Bean Validation together with the Binder API. +meta-description: Dive into binder validation techniques to ensure form reliability and data consistency in Hilla applications. order: 3 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/binder.adoc b/articles/hilla/lit/guides/forms/binder.adoc index aed9dadd1a..8d43f86611 100644 --- a/articles/hilla/lit/guides/forms/binder.adoc +++ b/articles/hilla/lit/guides/forms/binder.adoc @@ -1,6 +1,8 @@ --- title: Binding Data to Forms +page-title: Using binder in Hilla forms | Vaadin description: Binding data to UI components in forms. +meta-description: Learn to implement the binder API in Hilla forms for efficient data binding and validation. order: 1 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/binding-arrays.adoc b/articles/hilla/lit/guides/forms/binding-arrays.adoc index 2a04324e7c..d37e3c4228 100644 --- a/articles/hilla/lit/guides/forms/binding-arrays.adoc +++ b/articles/hilla/lit/guides/forms/binding-arrays.adoc @@ -1,6 +1,8 @@ --- title: Binding Arrays +page-title: How to bind arrays in Hilla forms | Vaadin description: Working with arrays using form binding API. +meta-description: Explore advanced form binding techniques in Hilla, including handling arrays. Enhance your forms for dynamic data structures. order: 6 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/form-images.adoc b/articles/hilla/lit/guides/forms/form-images.adoc index c5819d8ea0..948eba7e20 100644 --- a/articles/hilla/lit/guides/forms/form-images.adoc +++ b/articles/hilla/lit/guides/forms/form-images.adoc @@ -1,6 +1,8 @@ --- title: Image Fields in Forms +page-title: How to manage form images in Hilla applications | Vaadin description: Allowing images to be uploaded in forms. +meta-description: Discover techniques for handling images in forms with Hilla. order: 110 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/form-status-tracking.adoc b/articles/hilla/lit/guides/forms/form-status-tracking.adoc index 2e3c49d782..3779a7d7b4 100644 --- a/articles/hilla/lit/guides/forms/form-status-tracking.adoc +++ b/articles/hilla/lit/guides/forms/form-status-tracking.adoc @@ -1,6 +1,8 @@ --- title: Reacting to Form State Changes +page-title: How to track form status in Hilla | Vaadin description: Recognizing different states of fields and forms, and reacting accordingly. +meta-description: Monitor and manage form status effectively in Hilla applications. order: 5 --- :hilla-lit: @@ -210,22 +212,22 @@ For a more complete example, open the following section. include::{root}{root-fix}/frontend/demo/fusion/forms/formchange/CompanyOfficeView.tsx[tags=snippet,indent=0] ---- [source,java] -.OfficeService.java +.`OfficeService.java` ---- include::{root}{root-fix}/src/main/java/com/vaadin/demo/fusion/forms/formchange/OfficeService.java[] ---- [source,java] -.CompanyOffice.java +.`CompanyOffice.java` ---- include::{root}{root-fix}/src/main/java/com/vaadin/demo/fusion/forms/formchange/CompanyOffice.java[] ---- [source,java] -.Country.java +.`Country.java` ---- include::{root}{root-fix}/src/main/java/com/vaadin/demo/fusion/forms/formchange/Country.java[] ---- [source,java] -.City.java +.`City.java` ---- include::{root}{root-fix}/src/main/java/com/vaadin/demo/fusion/forms/formchange/City.java[] ---- diff --git a/articles/hilla/lit/guides/forms/index.adoc b/articles/hilla/lit/guides/forms/index.adoc index 65c6a3a05d..2426ec5b23 100644 --- a/articles/hilla/lit/guides/forms/index.adoc +++ b/articles/hilla/lit/guides/forms/index.adoc @@ -1,4 +1,6 @@ --- title: Forms +page-title: How to build and validate Forms in Hilla applications | Vaadin +meta-description: Master form creation with Hilla, including validation, data binding, and customization. Build responsive forms for your full-stack web applications. order: 70 --- diff --git a/articles/hilla/lit/guides/forms/reference.adoc b/articles/hilla/lit/guides/forms/reference.adoc index 7ad1dd63b8..6c2e09c5f7 100644 --- a/articles/hilla/lit/guides/forms/reference.adoc +++ b/articles/hilla/lit/guides/forms/reference.adoc @@ -1,6 +1,8 @@ --- title: Form Binding +page-title: How to reference forms in Vaadin Hilla with Lit description: Understanding form binding. +meta-description: Manage form references in Vaadin Hilla Lit for streamlined data handling. --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/vaadin-components.adoc b/articles/hilla/lit/guides/forms/vaadin-components.adoc index 5e244701f7..cf27240dd2 100644 --- a/articles/hilla/lit/guides/forms/vaadin-components.adoc +++ b/articles/hilla/lit/guides/forms/vaadin-components.adoc @@ -1,6 +1,8 @@ --- title: Binding Data to Input Fields +page-title: How to bind data to input fields in Hilla | Vaadin description: Implementing data binding, type mapping and error messages when binding data with Hilla components. +meta-description: How to implement data binding, type mapping and error messages when binding data to input fields in Hilla using Vaadin components. order: 100 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/forms/web-component-field-strategy.asciidoc b/articles/hilla/lit/guides/forms/web-component-field-strategy.asciidoc index 2aa7e729e5..f5c2bb3f35 100644 --- a/articles/hilla/lit/guides/forms/web-component-field-strategy.asciidoc +++ b/articles/hilla/lit/guides/forms/web-component-field-strategy.asciidoc @@ -1,6 +1,8 @@ --- title: Binding Data to Custom Components +page-title: How to create a form with a custom web component | Vaadin description: How to create a form with a custom web component. +meta-description: Use web component strategies in Hilla forms for efficient data binding and validation. order: 100 --- diff --git a/articles/hilla/lit/guides/index.adoc b/articles/hilla/lit/guides/index.adoc index ddf1b456f2..5088fd9b1c 100644 --- a/articles/hilla/lit/guides/index.adoc +++ b/articles/hilla/lit/guides/index.adoc @@ -1,5 +1,7 @@ --- title: Guides +page-title: How to get started with Hilla and Lit | Vaadin +meta-description: Explore a range of guides to enhance your development experience with Vaadin's Hilla. order: 20 --- diff --git a/articles/hilla/lit/guides/production/cloud-providers/aws/index.adoc b/articles/hilla/lit/guides/production/cloud-providers/aws/index.adoc index 3fe8b7bb14..f6040f490c 100644 --- a/articles/hilla/lit/guides/production/cloud-providers/aws/index.adoc +++ b/articles/hilla/lit/guides/production/cloud-providers/aws/index.adoc @@ -1,6 +1,8 @@ --- title: Amazon Web Services +page-title: How to deploy Hilla apps on AWS cloud | Vaadin description: How to deploy a Hilla application to Amazon Web Services (AWS). +meta-description: Learn the steps to deploy Hilla applications to AWS for a robust cloud environment. order: 10 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/production/cloud-providers/azure/index.adoc b/articles/hilla/lit/guides/production/cloud-providers/azure/index.adoc index 116df11c1c..61368419ef 100644 --- a/articles/hilla/lit/guides/production/cloud-providers/azure/index.adoc +++ b/articles/hilla/lit/guides/production/cloud-providers/azure/index.adoc @@ -1,6 +1,8 @@ --- title: Azure +page-title: How to deploy Hilla applications on Azure | Vaadin description: How to deploy your Hilla application to Microsoft's Azure cloud. +meta-description: Deploy Hilla applications to Azure with this comprehensive guide. order: 20 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/production/cloud-providers/google/index.adoc b/articles/hilla/lit/guides/production/cloud-providers/google/index.adoc index ae79c2e72f..652b258f29 100644 --- a/articles/hilla/lit/guides/production/cloud-providers/google/index.adoc +++ b/articles/hilla/lit/guides/production/cloud-providers/google/index.adoc @@ -1,6 +1,8 @@ --- title: Google Cloud +page-title: How to deploy Hilla apps on Google Cloud | Vaadin description: How to deploy your Hilla application to Google Cloud. +meta-description: Learn step-by-step how to deploy Hilla applications on Google Cloud. Optimize your cloud deployment for scalability and performance order: 30 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/production/cloud-providers/heroku/index.adoc b/articles/hilla/lit/guides/production/cloud-providers/heroku/index.adoc index 06084f4665..10e4de2922 100644 --- a/articles/hilla/lit/guides/production/cloud-providers/heroku/index.adoc +++ b/articles/hilla/lit/guides/production/cloud-providers/heroku/index.adoc @@ -1,6 +1,8 @@ --- title: Heroku +page-title: How to deploy your Vaadin Hilla application to Heroku description: How to deploy your Hilla application to Heroku. +meta-description: Learn how to deploy your Vaadin Hilla application to Heroku. order: 40 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/production/cloud-providers/index.adoc b/articles/hilla/lit/guides/production/cloud-providers/index.adoc index 0dc55039f8..4660b0a1c0 100644 --- a/articles/hilla/lit/guides/production/cloud-providers/index.adoc +++ b/articles/hilla/lit/guides/production/cloud-providers/index.adoc @@ -1,6 +1,8 @@ --- title: Cloud Providers +page-title: How to deploy Hilla apps to cloud providers | Vaadin description: Learn how to deploy your application to third-party cloud hosting providers. +meta-description: Discover deployment strategies for Hilla applications on various cloud platforms. order: 50 --- diff --git a/articles/hilla/lit/guides/production/index.adoc b/articles/hilla/lit/guides/production/index.adoc index bf7c7d0af5..7846e966d1 100644 --- a/articles/hilla/lit/guides/production/index.adoc +++ b/articles/hilla/lit/guides/production/index.adoc @@ -1,5 +1,7 @@ --- title: Deploying to Production +page-title: How to prepare Hilla apps for production | Vaadin +meta-description: Discover best practices for deploying Hilla applications in production environments. order: 110 --- diff --git a/articles/hilla/lit/guides/production/native.adoc b/articles/hilla/lit/guides/production/native.adoc index 9e85c5d821..e45387cfba 100644 --- a/articles/hilla/lit/guides/production/native.adoc +++ b/articles/hilla/lit/guides/production/native.adoc @@ -1,6 +1,8 @@ --- title: Native Image Compilation +page-title: Compile Hilla apps to Native Images with GraalVM | Vaadin description: Learn how to compile a Hilla application into a native image using GraalVM. +meta-description: Learn how to compile a Hilla application into a native image using GraalVM in Vaadin. Follow best practices for efficient and secure deployments. order: 40 --- diff --git a/articles/hilla/lit/guides/production/production-build.adoc b/articles/hilla/lit/guides/production/production-build.adoc index fd7c9ee16a..1dc86a416b 100644 --- a/articles/hilla/lit/guides/production/production-build.adoc +++ b/articles/hilla/lit/guides/production/production-build.adoc @@ -1,6 +1,8 @@ --- title: Production Build +page-title: How to create a production build in Hilla | Vaadin description: Creating a production-ready package of an application, which can then be deployed. +meta-description: Follow this guide to optimize and deploy Hilla applications for production. order: 10 --- diff --git a/articles/hilla/lit/guides/production/servlet-containers.adoc b/articles/hilla/lit/guides/production/servlet-containers.adoc index d21394dbb5..03f003a07b 100644 --- a/articles/hilla/lit/guides/production/servlet-containers.adoc +++ b/articles/hilla/lit/guides/production/servlet-containers.adoc @@ -1,6 +1,8 @@ --- title: Servlet Container +page-title: How to deploy a Vaadin Hilla application to Tomcat or Jetty description: Deploying a Hilla application to a traditional servlet container, such as Tomcat or Jetty. +meta-description: Learn how to deploy a Vaadin Hilla application to a traditional servlet container like Tomcat or Jetty. order: 20 --- diff --git a/articles/hilla/lit/guides/production/spring-boot.adoc b/articles/hilla/lit/guides/production/spring-boot.adoc index 7c3e6015a0..895c3ae5a4 100644 --- a/articles/hilla/lit/guides/production/spring-boot.adoc +++ b/articles/hilla/lit/guides/production/spring-boot.adoc @@ -1,6 +1,8 @@ --- title: Spring Boot +page-title: How to deploy Hilla apps with Spring Boot | Vaadin description: Deploying Spring Boot-based applications. +meta-description: Deploy Hilla applications using Spring Boot for optimized production workflows. order: 30 --- diff --git a/articles/hilla/lit/guides/production/troubleshooting.adoc b/articles/hilla/lit/guides/production/troubleshooting.adoc index 8b10f2b6a5..e18f451cc8 100644 --- a/articles/hilla/lit/guides/production/troubleshooting.adoc +++ b/articles/hilla/lit/guides/production/troubleshooting.adoc @@ -1,6 +1,8 @@ --- title: Troubleshooting +page-title: How to troubleshoot Hilla apps in production | Vaadin description: Guidance for when having problems taking Hilla applications to production. +meta-description: Troubleshoot common issues in Hilla production deployments with this comprehensive guide. order: 60 --- diff --git a/articles/hilla/lit/guides/reactive-endpoints.adoc b/articles/hilla/lit/guides/reactive-endpoints.adoc index 6274fbe1e4..ca937b4a8a 100644 --- a/articles/hilla/lit/guides/reactive-endpoints.adoc +++ b/articles/hilla/lit/guides/reactive-endpoints.adoc @@ -1,6 +1,8 @@ --- title: Reactive Endpoints +page-title: Reactive endpoints in Hilla applications | Vaadin description: Reactive endpoints allow you to stream data to the client without the traditional HTTP request-response pattern. +meta-description: Learn about implementing reactive endpoints in Hilla for efficient and responsive web apps. order: 35 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/routing.adoc b/articles/hilla/lit/guides/routing.adoc index 05ec835c03..71b97e0fc2 100644 --- a/articles/hilla/lit/guides/routing.adoc +++ b/articles/hilla/lit/guides/routing.adoc @@ -1,6 +1,8 @@ --- title: Routing pass:[&] Navigation +page-title: How to implement routing in Hilla Lit | Vaadin description: Learn all about defining routes and navigating between views. +meta-description: Learn how to handle navigation and routing effectively in Vaadin Hilla Lit applications. order: 20 page-links: - https://vaadin.github.io/router/vaadin-router/#/classes/Router[Router API docs] diff --git a/articles/hilla/lit/guides/security/authentication.adoc b/articles/hilla/lit/guides/security/authentication.adoc index 761eac1861..a68c8e40e0 100644 --- a/articles/hilla/lit/guides/security/authentication.adoc +++ b/articles/hilla/lit/guides/security/authentication.adoc @@ -1,6 +1,8 @@ --- title: Accessing Authentication Data +page-title: How to set up authentication in Hilla | Vaadin description: How to access authentication data on the server side, and how to transfer the data to the client. +meta-description: Configure authentication in Hilla applications for secure and user-friendly access. order: 95 --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/best-practices.adoc b/articles/hilla/lit/guides/security/best-practices.adoc index d049da3c6d..966c35a5c0 100644 --- a/articles/hilla/lit/guides/security/best-practices.adoc +++ b/articles/hilla/lit/guides/security/best-practices.adoc @@ -1,6 +1,8 @@ --- title: Best Practices +page-title: Best security practices for Hilla applications | Vaadin description: Best practices in authentication and authorization, data validation, and SSL and HTTPS. +meta-description: Explore best practices for securing Hilla applications with modern and robust security measures. order: 151 --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/configuring.adoc b/articles/hilla/lit/guides/security/configuring.adoc index 33b29f7dd7..5b7ac5f548 100644 --- a/articles/hilla/lit/guides/security/configuring.adoc +++ b/articles/hilla/lit/guides/security/configuring.adoc @@ -1,6 +1,8 @@ --- title: Controlling Endpoint Access +page-title: How to configure security in Hilla applications | Vaadin description: How to specify the role-based access control rules as annotations for the endpoint class or its individual methods. +meta-description: Learn how to set up and manage security settings in Hilla applications. order: 80 --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/index.adoc b/articles/hilla/lit/guides/security/index.adoc index 23dd8e64f1..09104fe304 100644 --- a/articles/hilla/lit/guides/security/index.adoc +++ b/articles/hilla/lit/guides/security/index.adoc @@ -1,8 +1,10 @@ --- title: Security -page-title: Hilla Framework Security +page-title: How to secure Hilla applications | Vaadin description: The best practices for securing applications, configuring security, authentication and role-based access control for views. +meta-description: Learn how to secure your Hilla applications with robust authentication and authorization strategies. order: 100 + --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/intro.adoc b/articles/hilla/lit/guides/security/intro.adoc index 5f4ad9e713..b2cc2cd09e 100644 --- a/articles/hilla/lit/guides/security/intro.adoc +++ b/articles/hilla/lit/guides/security/intro.adoc @@ -1,6 +1,8 @@ --- title: Introduction +page-title: Introduction to security in Hilla apps | Vaadin description: An introduction to the Hilla security architecture and how it works in practice. +meta-description: Explore the fundamentals of securing Hilla applications for better protection. order: 10 --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/offline-auth.adoc b/articles/hilla/lit/guides/security/offline-auth.adoc index 4e5a6da6cb..7d45d3b778 100644 --- a/articles/hilla/lit/guides/security/offline-auth.adoc +++ b/articles/hilla/lit/guides/security/offline-auth.adoc @@ -1,6 +1,8 @@ --- title: Offline Authentication +page-title: How to enable offline authentication in Hilla | Vaadin description: Storing the authentication data in the browser for offline applications. +meta-description: Set up offline authentication in Hilla applications for secure access without an internet connection. order: 110 --- // Workaround for https://github.com/vaadin/docs-app/issues/411 diff --git a/articles/hilla/lit/guides/security/role-based-access.adoc b/articles/hilla/lit/guides/security/role-based-access.adoc index 7bc3e87db6..bc480a153d 100644 --- a/articles/hilla/lit/guides/security/role-based-access.adoc +++ b/articles/hilla/lit/guides/security/role-based-access.adoc @@ -1,6 +1,8 @@ --- title: Role-Based Access Control +page-title: How to implement role-based access in Hilla description: How to restrict access for selected Hilla views based on roles defined for the logged-in user. +meta-description: Learn how to enforce role-based access control in Hilla applications. order: 100 --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/session-expiration.adoc b/articles/hilla/lit/guides/security/session-expiration.adoc index 6321866a41..7626ca7099 100644 --- a/articles/hilla/lit/guides/security/session-expiration.adoc +++ b/articles/hilla/lit/guides/security/session-expiration.adoc @@ -1,6 +1,8 @@ --- title: Session Expiration +page-title: Handle session expiration in Hilla applications | Vaadin description: How to detect session expiration, for example to show a login view to the user. +meta-description: Learn how to manage and handle user session expiration securely in Hilla applications. order: 141 --- // tag::content[] diff --git a/articles/hilla/lit/guides/security/spring-login.adoc b/articles/hilla/lit/guides/security/spring-login.adoc index 468dc914db..a658b972a5 100644 --- a/articles/hilla/lit/guides/security/spring-login.adoc +++ b/articles/hilla/lit/guides/security/spring-login.adoc @@ -1,6 +1,8 @@ --- title: Authentication with Spring Security +page-title: How to implement Spring login in Hilla | Vaadin description: Configuring authentication with Spring Security. +meta-description: Learn how to set up secure Spring login functionality in your Hilla application. order: 90 --- :hilla-lit: diff --git a/articles/hilla/lit/guides/security/spring-stateless.adoc b/articles/hilla/lit/guides/security/spring-stateless.adoc index 904ca8117e..c8c3b848f0 100644 --- a/articles/hilla/lit/guides/security/spring-stateless.adoc +++ b/articles/hilla/lit/guides/security/spring-stateless.adoc @@ -1,6 +1,8 @@ --- title: Stateless Authentication +page-title: How to implement spring stateless security in Hilla apps description: Using stateless authentication to persist authentication on the client side between requests. +meta-description: Secure your Hilla applications with Spring stateless security. Follow best practices for modern authentication. order: 100 --- // Workaround for https://github.com/vaadin/docs-app/issues/411 diff --git a/articles/hilla/lit/guides/security/vulnerabilities.adoc b/articles/hilla/lit/guides/security/vulnerabilities.adoc index 6554c9ea9d..c2f3331279 100644 --- a/articles/hilla/lit/guides/security/vulnerabilities.adoc +++ b/articles/hilla/lit/guides/security/vulnerabilities.adoc @@ -1,6 +1,8 @@ --- title: Common Vulnerabilities +page-title: How to address security vulnerabilities in Hilla | Vaadin description: Dealing with vulnerabilities, such as SQL injection, cross-site request forgery, and Java serialization. +meta-description: Explore best practices to address and mitigate security vulnerabilities in Hilla applications. order: 150 --- // tag::content[] diff --git a/articles/hilla/lit/guides/state-management.adoc b/articles/hilla/lit/guides/state-management.adoc index 2f0bdaa176..bc07359981 100644 --- a/articles/hilla/lit/guides/state-management.adoc +++ b/articles/hilla/lit/guides/state-management.adoc @@ -1,6 +1,8 @@ --- title: State Management +page-title: How to manage state in Hilla applications | Vaadin description: Managing application state with the MobX state management library in Hilla. +meta-description: Learn effective state management strategies for building responsive Hilla applications. order: 50 --- diff --git a/articles/hilla/lit/guides/styling.adoc b/articles/hilla/lit/guides/styling.adoc index 5b83ea96ad..67856e5ae7 100644 --- a/articles/hilla/lit/guides/styling.adoc +++ b/articles/hilla/lit/guides/styling.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: How to style Hilla applications with Lit | Vaadin description: How to add CSS styles to views and Lit components in Hilla applications. +meta-description: Learn how to add CSS styles to views and Lit components in Hilla applications. order: 80 --- // tag::content[] diff --git a/articles/hilla/lit/guides/upgrading/index.adoc b/articles/hilla/lit/guides/upgrading/index.adoc index 9dba15d781..094b96c0d1 100644 --- a/articles/hilla/lit/guides/upgrading/index.adoc +++ b/articles/hilla/lit/guides/upgrading/index.adoc @@ -1,6 +1,8 @@ --- title: Upgrading Early Hilla Versions +page-title: How to upgrade Hilla applications to the latest version description: The steps to upgrade from Hilla 1.x or 2.x to the latest version. +meta-description: See all the steps to upgrade from Hilla 1.x or 2.x to the latest version. order: 900 --- :hilla-lit: diff --git a/articles/hilla/lit/index.adoc b/articles/hilla/lit/index.adoc index 3b62af5f44..2a15bed148 100644 --- a/articles/hilla/lit/index.adoc +++ b/articles/hilla/lit/index.adoc @@ -1,5 +1,7 @@ --- title: Lit +page-title: Introduction to Hilla Lit | Vaadin description: Documentation how to use the Hilla framework together with Lit. +meta-description: Explore Hilla Lit and its features for building robust front-end and back-end applications. order: 100 --- diff --git a/articles/hilla/lit/reference/configuration.adoc b/articles/hilla/lit/reference/configuration.adoc index ebc89639a1..6540fb1e94 100644 --- a/articles/hilla/lit/reference/configuration.adoc +++ b/articles/hilla/lit/reference/configuration.adoc @@ -1,6 +1,8 @@ --- title: Configuration +page-title: How to configure Hilla Lit applications | Vaadin description: Customizing the configuration of a Hilla application for both a development environment and for execution. +meta-description: Learn how to customize the configuration of your Hilla application for both development and for execution. --- // tag::content[] diff --git a/articles/hilla/lit/reference/connection-indicator.adoc b/articles/hilla/lit/reference/connection-indicator.adoc index 0837438d82..99b489b298 100644 --- a/articles/hilla/lit/reference/connection-indicator.adoc +++ b/articles/hilla/lit/reference/connection-indicator.adoc @@ -1,6 +1,8 @@ --- title: Connection Indicator +page-title: Connection indicator reference for Hilla apps | Vaadin description: The connection indicator informs the user of the server connection status, and indicates loading progress if network requests take some time. Its duration and style are configurable. +meta-description: Understand the Hilla connection indicator and how it helps manage connectivity in web applications. --- = Connection Indicator diff --git a/articles/hilla/lit/reference/endpoint-generator.adoc b/articles/hilla/lit/reference/endpoint-generator.adoc index 38314f2e27..5f26cf979f 100644 --- a/articles/hilla/lit/reference/endpoint-generator.adoc +++ b/articles/hilla/lit/reference/endpoint-generator.adoc @@ -1,6 +1,8 @@ --- title: Endpoint Generator +page-title: How to use the endpoint generator in Hilla | Vaadin description: The endpoint generator produces TypeScript files based on the information from an OpenAPI document that's generated from Java (or other JVM language) files. +meta-description: Discover how to generate endpoints for Hilla applications efficiently. --- // tag::content[] diff --git a/articles/hilla/lit/reference/gradle.adoc b/articles/hilla/lit/reference/gradle.adoc index 1df71f734a..e67c0d2434 100644 --- a/articles/hilla/lit/reference/gradle.adoc +++ b/articles/hilla/lit/reference/gradle.adoc @@ -1,7 +1,8 @@ --- title: Gradle -page-title: Using Gradle In Hilla Applications +page-title: How to build and run Hilla apps with Gradle | Vaadin description: Building and running Hilla applications with Gradle. +meta-description: Explore Gradle configuration for Vaadin Hilla projects. Learn how to set up builds, dependencies, and plugins for seamless development workflows. --- :hilla-lit: // tag::content[] diff --git a/articles/hilla/lit/reference/index.adoc b/articles/hilla/lit/reference/index.adoc index bbdbd009a0..1aa7967479 100644 --- a/articles/hilla/lit/reference/index.adoc +++ b/articles/hilla/lit/reference/index.adoc @@ -1,4 +1,6 @@ --- title: Reference +page-title: Hilla Framework Lit Reference Documentation | Vaadin +meta-description: Access documentation for using Hilla framework with Lit. Learn about its components, features, and API for full-stack development. order: 50 --- diff --git a/articles/hilla/lit/reference/type-conversion.adoc b/articles/hilla/lit/reference/type-conversion.adoc index 14b1712f69..d90ed87ce6 100644 --- a/articles/hilla/lit/reference/type-conversion.adoc +++ b/articles/hilla/lit/reference/type-conversion.adoc @@ -1,6 +1,8 @@ --- title: Type Conversion +page-title: Type conversion between Java & TypeScript | Vaadin Hilla description: Understanding conversion of data types from Java to TypeScript and vice versa. +meta-description: Understand conversion of data types from Java to TypeScript and vice versa in Hilla applications for seamless data handling. --- // tag::content[] diff --git a/articles/hilla/lit/reference/type-nullability.adoc b/articles/hilla/lit/reference/type-nullability.adoc index c03da01f71..adca2f97c1 100644 --- a/articles/hilla/lit/reference/type-nullability.adoc +++ b/articles/hilla/lit/reference/type-nullability.adoc @@ -1,6 +1,8 @@ --- title: Type Nullability +page-title: How to handle type nullability in Vaadin Hilla description: Understanding optional nullable types. +meta-description: Understand and manage type nullability effectively in Hilla projects. --- // tag::content[] diff --git a/articles/hilla/lit/reference/typescript-client.adoc b/articles/hilla/lit/reference/typescript-client.adoc index 1df797eba1..9ce3225f6d 100644 --- a/articles/hilla/lit/reference/typescript-client.adoc +++ b/articles/hilla/lit/reference/typescript-client.adoc @@ -1,6 +1,8 @@ --- title: TypeScript Client +page-title: How to use the TypeScript client in Hilla | Vaadin description: Understanding the Hilla TypeScript client library, the default TypeScript client, and generated client modules. +meta-description: Learn how to integrate TypeScript clients in Hilla applications for seamless communication between frontend and backend. --- // tag::content[] diff --git a/articles/hilla/lit/start/basics/index.adoc b/articles/hilla/lit/start/basics/index.adoc index 3a398ef7d2..22180bc8b0 100644 --- a/articles/hilla/lit/start/basics/index.adoc +++ b/articles/hilla/lit/start/basics/index.adoc @@ -1,7 +1,8 @@ --- title: Basics Tutorial -page-title: Hilla Basics Tutorial using Lit +page-title: How to get started with Vaadin Hilla using Lit description: The basics of Hilla application development -- Creating a project, defining and accessing Endpoints, and building views. +meta-description: Learn the basics of building Vaadin Hilla applications with Lit. Follow this guide to create modern, responsive web apps step by step. page-links: - https://github.com/vaadin/hilla-basics-tutorial[Complete tutorial source code] order: 30 diff --git a/articles/hilla/lit/start/faq.adoc b/articles/hilla/lit/start/faq.adoc index 1f62a7ba63..f1e1167523 100644 --- a/articles/hilla/lit/start/faq.adoc +++ b/articles/hilla/lit/start/faq.adoc @@ -1,6 +1,8 @@ --- title: FAQ +page-title: Frequently asked questions about Hilla and Lit | Vaadin description: Frequently asked questions about the Hilla framework. +meta-description: Find answers to frequently asked questions about getting started with the Vaadin Hilla framework using Lit. order: 50 --- :hilla-lit: diff --git a/articles/hilla/lit/start/index.adoc b/articles/hilla/lit/start/index.adoc index 7bb9aacb68..ba0304409a 100644 --- a/articles/hilla/lit/start/index.adoc +++ b/articles/hilla/lit/start/index.adoc @@ -1,5 +1,7 @@ --- title: Getting Started +page-title: How to build full-stack web apps with Hilla | Vaadin description: How to set up your first Hilla project, and read through tutorials that guide you through building your first Hilla application step by step. +meta-description: Get started with Hilla to create seamless full-stack web applications. Learn the basics of integrating React, Spring Boot, and Vaadin components. order: 10 --- diff --git a/articles/hilla/lit/start/quick.adoc b/articles/hilla/lit/start/quick.adoc index 2a0fb16d01..c0b7cdbb92 100644 --- a/articles/hilla/lit/start/quick.adoc +++ b/articles/hilla/lit/start/quick.adoc @@ -1,7 +1,8 @@ --- title: Quick Start -page-title: Getting Started with Hilla and Lit +page-title: How to create and run a Hilla Lit application | Vaadin description: How to create and run a Hilla Lit application. +meta-description: Start building reactive, full-stack web apps with Hilla. Follow this quick start guide to set up your environment and create your first Hilla project. order: 10 --- :hilla-lit: diff --git a/articles/hilla/reference/configuration.adoc b/articles/hilla/reference/configuration.adoc index 254539f2c5..6cd98a830d 100644 --- a/articles/hilla/reference/configuration.adoc +++ b/articles/hilla/reference/configuration.adoc @@ -1,6 +1,8 @@ --- title: Configuration +page-title: How to configure Hilla applications description: Customizing a Hilla application configuration for both the development environment and for execution. +meta-description: Explore configuration options for Hilla applications to optimize performance. --- :hilla-react: include::{root}/articles/hilla/lit/reference/configuration.adoc[tag=content] diff --git a/articles/hilla/reference/endpoint-generator.adoc b/articles/hilla/reference/endpoint-generator.adoc index c4cbd9df5c..1a8e0e17bd 100644 --- a/articles/hilla/reference/endpoint-generator.adoc +++ b/articles/hilla/reference/endpoint-generator.adoc @@ -1,6 +1,8 @@ --- title: Endpoint Generator +page-title: How to generate endpoints with Hilla | Vaadin description: The endpoint generator produces TypeScript files based on the information from an OpenAPI document that's generated from Java (or other JVM language) files. +meta-description: Learn how to use the Hilla endpoint generator for streamlined API creation. --- :hilla-react: include::{root}/articles/hilla/lit/reference/endpoint-generator.adoc[tag=content] diff --git a/articles/hilla/reference/gradle.adoc b/articles/hilla/reference/gradle.adoc index c475b585a7..702143b271 100644 --- a/articles/hilla/reference/gradle.adoc +++ b/articles/hilla/reference/gradle.adoc @@ -1,7 +1,8 @@ --- title: Gradle -page-title: Using Gradle in Hilla applications +page-title: How to use the Gradle plugin in Hilla | Vaadin description: Building and running a Hilla application using Gradle. +meta-description: Integrate Vaadin Hilla applications with Gradle for streamlined build processes. --- :hilla-react: include::{root}/articles/hilla/lit/reference/gradle.adoc[tag=content] diff --git a/articles/hilla/reference/index.adoc b/articles/hilla/reference/index.adoc index bbdbd009a0..779acc42f9 100644 --- a/articles/hilla/reference/index.adoc +++ b/articles/hilla/reference/index.adoc @@ -1,4 +1,6 @@ --- title: Reference +page-title: Hilla Framework Reference Documentation | Vaadin +meta-description: Access comprehensive reference documentation for the Hilla framework. Learn about its components, features, and API for full-stack development. order: 50 --- diff --git a/articles/hilla/reference/react-router.adoc b/articles/hilla/reference/react-router.adoc index 335363e46f..130b96bbce 100644 --- a/articles/hilla/reference/react-router.adoc +++ b/articles/hilla/reference/react-router.adoc @@ -1,6 +1,8 @@ --- title: React Router +page-title: How to use React Router in Hilla applications | Vaadin description: Customizing routing beyond the basics +meta-description: Learn how to integrate and utilize React Router with Hilla for seamless routing. --- = React Router in Hilla diff --git a/articles/hilla/reference/type-conversion.adoc b/articles/hilla/reference/type-conversion.adoc index 1aad37ed36..bb56eb08bc 100644 --- a/articles/hilla/reference/type-conversion.adoc +++ b/articles/hilla/reference/type-conversion.adoc @@ -1,6 +1,8 @@ --- title: Type Conversion +page-title: How to handle type conversion in Vaadin Hilla description: Understanding conversion of data types from Java to TypeScript and vice versa. +meta-description: Explore how to manage and customize type conversion in Hilla projects. --- :hilla-react: include::{root}/articles/hilla/lit/reference/type-conversion.adoc[tag=content] diff --git a/articles/hilla/reference/type-nullability.adoc b/articles/hilla/reference/type-nullability.adoc index b3547f1c8f..e043724c17 100644 --- a/articles/hilla/reference/type-nullability.adoc +++ b/articles/hilla/reference/type-nullability.adoc @@ -1,5 +1,7 @@ --- title: Type Nullability +page-title: How to manage type nullability in Hilla | Vaadin +meta-description: Learn about type nullability in Hilla and how to handle it effectively in your applications. --- :hilla-react: include::{root}/articles/hilla/lit/reference/type-nullability.adoc[tag=content] diff --git a/articles/hilla/reference/typescript-client.adoc b/articles/hilla/reference/typescript-client.adoc index d3d0b50691..a3bc0748d1 100644 --- a/articles/hilla/reference/typescript-client.adoc +++ b/articles/hilla/reference/typescript-client.adoc @@ -1,6 +1,8 @@ --- title: TypeScript Client +page-title: How to use the TypeScript client in Hilla applications | Vaadin description: Understanding the Hilla TypeScript client library, the default TypeScript client, and generated client modules. +meta-description: Learn how to use the TypeScript client in Hilla applications to understand the Hilla TypeScript client library, the default TypeScript client, and generated client modules. --- :hilla-react: include::{root}/articles/hilla/lit/reference/typescript-client.adoc[tag=content] diff --git a/articles/hilla/tutorial/index.adoc b/articles/hilla/tutorial/index.adoc index fb4b8c3853..41202a5992 100644 --- a/articles/hilla/tutorial/index.adoc +++ b/articles/hilla/tutorial/index.adoc @@ -74,7 +74,7 @@ Hilla will automatically reload changes to frontend and backend code when saving Hilla makes it possible to call Java classes from TypeScript with the `@BrowserCallable` annotation. To do this, create a `CRMService.java` class in the `com.example.application.services` package. The service handles both listing and saving Contacts. Add the following code to the class: -.CRMService.java +.`CRMService.java` [source,java] ---- package com.example.application.services; diff --git a/articles/index.adoc b/articles/index.adoc index d135dd8519..56ae038cee 100644 --- a/articles/index.adoc +++ b/articles/index.adoc @@ -1,5 +1,7 @@ --- title: Docs +page-title: Vaadin documentation | Comprehensive guide for developers +meta-description: Discover comprehensive documentation to build modern web applications with Vaadin. layout: index page-links: - https://github.com/vaadin/platform/releases/tag/{moduleMavenVersion:com.vaadin:vaadin}[{moduleMavenVersion:com.vaadin:vaadin}] diff --git a/articles/styling/advanced/custom-style-properties.adoc b/articles/styling/advanced/custom-style-properties.adoc index 21f5cb6f00..39ec3e7438 100644 --- a/articles/styling/advanced/custom-style-properties.adoc +++ b/articles/styling/advanced/custom-style-properties.adoc @@ -1,6 +1,8 @@ --- title: Creating Style Properties +page-title: How to customize style properties in Vaadin description: How to create your own style properties. +meta-description: Define and use custom style properties in Vaadin to enhance application design flexibility. order: 20 --- diff --git a/articles/styling/advanced/disabling-default-theme.adoc b/articles/styling/advanced/disabling-default-theme.adoc index f886fd912d..bcf4d9d1d3 100644 --- a/articles/styling/advanced/disabling-default-theme.adoc +++ b/articles/styling/advanced/disabling-default-theme.adoc @@ -1,6 +1,8 @@ --- title: Disabling the Default Theme in Flow +page-title: How to disable default themes in Vaadin description: Explains how to disable the Lumo theme for an application. +meta-description: Discover how to disable Vaadin’s default themes and apply your custom styling to components. order: 110 --- diff --git a/articles/styling/advanced/index.adoc b/articles/styling/advanced/index.adoc index 27c56492e8..933769d17c 100644 --- a/articles/styling/advanced/index.adoc +++ b/articles/styling/advanced/index.adoc @@ -1,5 +1,7 @@ --- title: Advanced Styling Topics +page-title: Advanced topics on styling Vaadin applications description: Advanced topics on styling applications. +meta-description: Read advanced topics on styling Vaadin applications, such creating your own style properties, using npm packages, and implementing run-time theme switching. order: 50 --- diff --git a/articles/styling/advanced/lazy-loading-stylesheets.adoc b/articles/styling/advanced/lazy-loading-stylesheets.adoc index 556051033b..210f2ff927 100644 --- a/articles/styling/advanced/lazy-loading-stylesheets.adoc +++ b/articles/styling/advanced/lazy-loading-stylesheets.adoc @@ -1,6 +1,8 @@ --- title: Lazy-Loading Stylesheets in Flow +page-title: How to lazy load stylesheets in Flow | Vaadin description: The basics of how to load large stylesheets only as needed. +meta-description: Learn how to improve application performance by lazy loading stylesheets in Vaadin Flow. order: 60 --- diff --git a/articles/styling/advanced/loading-styles-dynamically.adoc b/articles/styling/advanced/loading-styles-dynamically.adoc index 71a385bebe..4cd5587555 100644 --- a/articles/styling/advanced/loading-styles-dynamically.adoc +++ b/articles/styling/advanced/loading-styles-dynamically.adoc @@ -1,6 +1,8 @@ --- title: Loading Stylesheets Dynamically in Flow +page-title: How to load styles dynamically in Flow | Vaadin description: Explains how dynamically to load stylesheets. +meta-description: Implement dynamic style loading in Vaadin Flow to optimize application performance. order: 70 --- diff --git a/articles/styling/advanced/multi-app-themes.adoc b/articles/styling/advanced/multi-app-themes.adoc index 65a12f7533..3df791f268 100644 --- a/articles/styling/advanced/multi-app-themes.adoc +++ b/articles/styling/advanced/multi-app-themes.adoc @@ -1,6 +1,8 @@ --- title: Using a Theme in Multiple Applications +page-title: How to create multi-app themes in Vaadin description: Steps and examples for using a theme in multiple applications. +meta-description: Learn how to design and implement themes to be used by multiple applications in Vaadin. order: 30 --- diff --git a/articles/styling/advanced/npm-packages.adoc b/articles/styling/advanced/npm-packages.adoc index 8b0b9088d3..547e3f97b5 100644 --- a/articles/styling/advanced/npm-packages.adoc +++ b/articles/styling/advanced/npm-packages.adoc @@ -1,6 +1,8 @@ --- title: Loading Theme Resources from npm Packages +page-title: Using advanced npm packages in Vaadin styling description: Describes how to load theme resources from npm packages. +meta-description: Learn how to integrate and use advanced npm packages for custom styling in Vaadin applications. order: 50 --- diff --git a/articles/styling/advanced/parent-and-sub-themes.adoc b/articles/styling/advanced/parent-and-sub-themes.adoc index 20e061c973..b909d5b326 100644 --- a/articles/styling/advanced/parent-and-sub-themes.adoc +++ b/articles/styling/advanced/parent-and-sub-themes.adoc @@ -1,6 +1,8 @@ --- title: Parent pass:[&] Sub-Themes +page-title: How to use parent and sub-themes in Vaadin description: Configuring parent themes, as well as sub-themes. +meta-description: Implement parent and sub-themes in Vaadin to maintain a consistent design. order: 40 --- diff --git a/articles/styling/advanced/runtime-theme-switching.adoc b/articles/styling/advanced/runtime-theme-switching.adoc index ec64677d87..d67c9b9743 100644 --- a/articles/styling/advanced/runtime-theme-switching.adoc +++ b/articles/styling/advanced/runtime-theme-switching.adoc @@ -1,6 +1,8 @@ --- title: Run-time Theme Switching +page-title: How to implement run-time theme switching in Vaadin description: Implementing multiple sets of styles within a single theme to be loaded dynamically. +meta-description: Learn how to implement run-time theme switching in Vaadin. Explore multiple style sets, dark/light modes, and dynamic CSS class switching for custom themes. order: 80 --- diff --git a/articles/styling/advanced/shadow-dom-styling.adoc b/articles/styling/advanced/shadow-dom-styling.adoc index d9eea4c406..1686545c48 100644 --- a/articles/styling/advanced/shadow-dom-styling.adoc +++ b/articles/styling/advanced/shadow-dom-styling.adoc @@ -1,6 +1,8 @@ --- title: Shadow DOM Styling of Components +page-title: How to style Shadow DOM elements in Vaadin applications description: Details and instructions on isolating JavaScript and CSS from the surrounding page. +meta-description: Learn how to style Shadow DOM elements in Vaadin applications. Explore advanced techniques and best practices for customizing component appearances. order: 100 --- diff --git a/articles/styling/advanced/themes-for-embedded.adoc b/articles/styling/advanced/themes-for-embedded.adoc index 52d72b8869..ac22974933 100644 --- a/articles/styling/advanced/themes-for-embedded.adoc +++ b/articles/styling/advanced/themes-for-embedded.adoc @@ -1,6 +1,8 @@ --- title: Application Themes for Embedded Components +page-title: How to create themes for embedded Vaadin applications description: Things to consider when using a custom theme for embedded applications. +meta-description: Create custom themes for embedded Vaadin applications to align with your branding. order: 90 --- diff --git a/articles/styling/application-theme.adoc b/articles/styling/application-theme.adoc index e46986fbad..fbe77fb92b 100644 --- a/articles/styling/application-theme.adoc +++ b/articles/styling/application-theme.adoc @@ -1,6 +1,8 @@ --- title: Application Theme +page-title: How to use an application theme in Vaadin description: Recommendations on using a theme for styling an application. +meta-description: Learn to create, configure, and manage application-wide themes in Vaadin projects. order: 20 --- diff --git a/articles/styling/index.adoc b/articles/styling/index.adoc index 60355dfaef..7b1b390c51 100644 --- a/articles/styling/index.adoc +++ b/articles/styling/index.adoc @@ -1,6 +1,8 @@ --- title: Styling +page-title: Styling guide for Vaadin applications description: A brief overview of styling Vaadin applications. +meta-description: Explore Vaadin styling options to create visually appealing applications. order: 55 section-nav: flat expanded --- diff --git a/articles/styling/legacy/css-import.adoc b/articles/styling/legacy/css-import.adoc index aa13e39cde..e23199e57c 100644 --- a/articles/styling/legacy/css-import.adoc +++ b/articles/styling/legacy/css-import.adoc @@ -1,6 +1,8 @@ --- title: Flow CssImport Annotation +page-title: How to use legacy CSS imports in Vaadin description: Information on the legacy CssImport annotation for importing stylesheets. +meta-description: Learn how to manage CSS imports in legacy Vaadin applications. --- diff --git a/articles/styling/legacy/material-theme/color.adoc b/articles/styling/legacy/material-theme/color.adoc index 315bbed945..812c0ea7c5 100644 --- a/articles/styling/legacy/material-theme/color.adoc +++ b/articles/styling/legacy/material-theme/color.adoc @@ -1,6 +1,8 @@ --- title: Color +page-title: How to customize colors in the Vaadin Material Theme description: Tables of colors used in the Material theme. +meta-description: Discover how to customize colors in the Vaadin Material Theme. Learn to adjust primary, secondary, and surface colors for a personalized look and feel. order: 20 --- diff --git a/articles/styling/legacy/material-theme/index.adoc b/articles/styling/legacy/material-theme/index.adoc index 64cfb80970..f2e17d2bd7 100644 --- a/articles/styling/legacy/material-theme/index.adoc +++ b/articles/styling/legacy/material-theme/index.adoc @@ -1,6 +1,8 @@ --- title: Material Theme +page-title: How to use the Material Theme in Vaadin applications description: Information on the Material theme, which is not being developed further. +meta-description: Learn how to apply and customize the legacy Material Theme in Vaadin apps. Explore styling options and tips for creating modern, material-inspired UIs order: 10 --- diff --git a/articles/styling/legacy/material-theme/typography.adoc b/articles/styling/legacy/material-theme/typography.adoc index 535262c62a..9037433c3d 100644 --- a/articles/styling/legacy/material-theme/typography.adoc +++ b/articles/styling/legacy/material-theme/typography.adoc @@ -1,6 +1,8 @@ --- title: Typography +page-title: How to customize typography in Vaadin Material theme description: Material theme style properties related to displaying and formatting text. +meta-description: Customize typography in the Vaadin Material theme for consistent styling. order: 10 --- diff --git a/articles/styling/lumo/index.adoc b/articles/styling/lumo/index.adoc index 914b7dd777..98ce462ffc 100644 --- a/articles/styling/lumo/index.adoc +++ b/articles/styling/lumo/index.adoc @@ -1,6 +1,8 @@ --- title: Lumo +page-title: Introduction to Lumo theme in Vaadin description: Introduction to the built-in Lumo theme. +meta-description: Get started with the Lumo design system to create visually appealing and accessible Vaadin applications. order: 10 --- diff --git a/articles/styling/lumo/lumo-style-properties/color.adoc b/articles/styling/lumo/lumo-style-properties/color.adoc index 36db7326f0..3650c72472 100644 --- a/articles/styling/lumo/lumo-style-properties/color.adoc +++ b/articles/styling/lumo/lumo-style-properties/color.adoc @@ -1,6 +1,8 @@ --- title: Color +page-title: How to use color properties in Lumo | Vaadin description: Colors and their corresponding style properties defined in the Lumo theme. +meta-description: Learn to apply Lumo color properties to customize your Vaadin application's visual design. order: 10 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/color.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/elevation.adoc b/articles/styling/lumo/lumo-style-properties/elevation.adoc index e0d038f713..6e7a31cfd8 100644 --- a/articles/styling/lumo/lumo-style-properties/elevation.adoc +++ b/articles/styling/lumo/lumo-style-properties/elevation.adoc @@ -1,6 +1,8 @@ --- title: Elevation +page-title: How to use Lumo elevation properties | Vaadin description: Listing of Lumo elevation style properties, the visual stacking of elements in a UI. +meta-description: Explore Lumo’s elevation properties to create depth and visual hierarchy in your Vaadin applications. order: 50 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/style.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/index.adoc b/articles/styling/lumo/lumo-style-properties/index.adoc index 01c6aed070..ba4fff9b4d 100644 --- a/articles/styling/lumo/lumo-style-properties/index.adoc +++ b/articles/styling/lumo/lumo-style-properties/index.adoc @@ -1,6 +1,8 @@ --- title: Lumo Style Properties +page-title: How to customize with Lumo style properties | Vaadin description: The style properties of the built-in Lumo theme. +meta-description: Customize your Vaadin application using Lumo style properties for consistent theming. order: 10 --- diff --git a/articles/styling/lumo/lumo-style-properties/interaction.adoc b/articles/styling/lumo/lumo-style-properties/interaction.adoc index 336f92def7..096d38f925 100644 --- a/articles/styling/lumo/lumo-style-properties/interaction.adoc +++ b/articles/styling/lumo/lumo-style-properties/interaction.adoc @@ -1,6 +1,8 @@ --- title: Interaction +page-title: How to use interaction properties in Lumo | Vaadin description: Lumo style properties related to how interactions are indicated in an application, mainly by different mouse cursors. +meta-description: Learn about Lumo interaction properties to enhance the user experience with visual feedback in your Vaadin applications. order: 60 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/style.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/shape.adoc b/articles/styling/lumo/lumo-style-properties/shape.adoc index bbc74ecb75..fa75775d52 100644 --- a/articles/styling/lumo/lumo-style-properties/shape.adoc +++ b/articles/styling/lumo/lumo-style-properties/shape.adoc @@ -1,6 +1,8 @@ --- title: Shape +page-title: How to use shape properties in Lumo | Vaadin description: Describing the Lumo style properties related to component shapes. +meta-description: Explore Lumo shape properties to style and define unique corner shapes in your Vaadin applications. order: 40 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/style.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/size-space.adoc b/articles/styling/lumo/lumo-style-properties/size-space.adoc index 591ce10e13..04cd2b637d 100644 --- a/articles/styling/lumo/lumo-style-properties/size-space.adoc +++ b/articles/styling/lumo/lumo-style-properties/size-space.adoc @@ -1,6 +1,8 @@ --- title: Size pass:[&] Space +page-title: How to use size and spacing properties in Lumo | Vaadin description: Listing of Lumo style properties related to setting the size and spacing of text and components. +meta-description: Discover Lumo size and spacing properties to create well-structured layouts in Vaadin applications. order: 30 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/sizing.js[Source (size)] diff --git a/articles/styling/lumo/lumo-style-properties/typography.adoc b/articles/styling/lumo/lumo-style-properties/typography.adoc index 4ba7fbf2cc..e7056a831a 100644 --- a/articles/styling/lumo/lumo-style-properties/typography.adoc +++ b/articles/styling/lumo/lumo-style-properties/typography.adoc @@ -1,6 +1,8 @@ --- title: Typography +page-title: How to style typography with Lumo in Vaadin description: Tables of Lumo style properties related to displaying and formatting text. +meta-description: Explore typography styling options using the Lumo theme in Vaadin. order: 20 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/typography.js[Source] diff --git a/articles/styling/lumo/lumo-variants.adoc b/articles/styling/lumo/lumo-variants.adoc index ba5198b89b..d5004c1786 100644 --- a/articles/styling/lumo/lumo-variants.adoc +++ b/articles/styling/lumo/lumo-variants.adoc @@ -1,6 +1,8 @@ --- title: Lumo Variants +page-title: How to use Lumo variants to style Vaadin applications description: Using the built-in light, dark, and compact variants in Lumo. +meta-description: Use Lumo style variants to customize the look and feel of Vaadin applications effortlessly. order: 20 --- diff --git a/articles/styling/lumo/utility-classes.adoc b/articles/styling/lumo/utility-classes.adoc index b23f28ce9b..3ef360c393 100644 --- a/articles/styling/lumo/utility-classes.adoc +++ b/articles/styling/lumo/utility-classes.adoc @@ -1,6 +1,8 @@ --- title: Utility Classes +page-title: Utility classes in Vaadin Lumo for responsive design description: List of Lumo utility classes and descriptions of them. +meta-description: Discover how to use Lumo utility classes for consistent and responsive styling in your Vaadin applications. order: 30 --- diff --git a/articles/styling/styling-components/generating-styles-dynamically.adoc b/articles/styling/styling-components/generating-styles-dynamically.adoc index bfe210d292..afad3e5b0e 100644 --- a/articles/styling/styling-components/generating-styles-dynamically.adoc +++ b/articles/styling/styling-components/generating-styles-dynamically.adoc @@ -1,6 +1,8 @@ --- title: Generating Styles Dynamically (Flow) +page-title: How to generate styles dynamically in Vaadin components description: Examples of how to use the Style API to generate CSS. +meta-description: Learn how to generate and apply dynamic styles for Vaadin components. order: 40 --- diff --git a/articles/styling/styling-components/index.adoc b/articles/styling/styling-components/index.adoc index 55bfb67da7..21a444c342 100644 --- a/articles/styling/styling-components/index.adoc +++ b/articles/styling/styling-components/index.adoc @@ -1,6 +1,8 @@ --- title: Styling Components +page-title: How to style components in Vaadin description: Explanation and examples on how to customize the styling of Vaadin components. +meta-description: Understand various techniques to customize and style Vaadin components for a unique look and feel. order: 30 --- diff --git a/articles/styling/styling-components/parts-and-states.adoc b/articles/styling/styling-components/parts-and-states.adoc index 431ff24ad2..49b90f25c1 100644 --- a/articles/styling/styling-components/parts-and-states.adoc +++ b/articles/styling/styling-components/parts-and-states.adoc @@ -1,6 +1,8 @@ --- title: Stylable Parts pass:[&] States +page-title: How to style parts and states of Vaadin components description: Learn what stylable component parts and states are and how to use them when customizing the styles of Vaadin components. +meta-description: Customize Vaadin components using styling options for specific parts and states. order: 10 --- diff --git a/articles/styling/styling-components/sharing-styles.adoc b/articles/styling/styling-components/sharing-styles.adoc index 259630e14a..b8ba79c18e 100644 --- a/articles/styling/styling-components/sharing-styles.adoc +++ b/articles/styling/styling-components/sharing-styles.adoc @@ -1,6 +1,8 @@ --- title: Sharing Styles with Component Types +page-title: How to share styles across Vaadin components description: Information on configuring styles for use among multiple components types. +meta-description: Discover how to share styles efficiently across Vaadin components for consistent designs. order: 30 --- diff --git a/articles/styling/styling-components/styling-component-instances.adoc b/articles/styling/styling-components/styling-component-instances.adoc index dd488f3232..9eaca1ab6a 100644 --- a/articles/styling/styling-components/styling-component-instances.adoc +++ b/articles/styling/styling-components/styling-component-instances.adoc @@ -1,6 +1,8 @@ --- title: Styling Component Instances +page-title: How to style Component instances | Vaadin description: Configuring and applying styles to specific instances of a component. +meta-description: Style individual component instances in Vaadin for tailored user interfaces. order: 20 --- diff --git a/articles/styling/styling-other-elements.adoc b/articles/styling/styling-other-elements.adoc index 4031f176fc..8a813cdf13 100644 --- a/articles/styling/styling-other-elements.adoc +++ b/articles/styling/styling-other-elements.adoc @@ -1,6 +1,8 @@ --- title: Styling Other UI Elements +page-title: How to style other UI elements in Vaadin applications description: Describes how to apply styles to common and uncommon HTML elements. +meta-description: Learn how to style non-Vaadin elements in your Vaadin application. order: 40 --- diff --git a/articles/tools/ai-form-filler/advanced-example.adoc b/articles/tools/ai-form-filler/advanced-example.adoc index 3987939709..5054586c92 100644 --- a/articles/tools/ai-form-filler/advanced-example.adoc +++ b/articles/tools/ai-form-filler/advanced-example.adoc @@ -1,6 +1,8 @@ --- title: Advanced Example +page-title: How to use AI Form Filler in Vaadin applications description: An advanced example of how to use AI Form Filler. +meta-description: Learn advanced techniques for using the AI Form Filler to streamline data input in Vaadin applications. order: 40 --- diff --git a/articles/tools/ai-form-filler/ai-models.adoc b/articles/tools/ai-form-filler/ai-models.adoc index 17534b05c6..ca9557338e 100644 --- a/articles/tools/ai-form-filler/ai-models.adoc +++ b/articles/tools/ai-form-filler/ai-models.adoc @@ -1,6 +1,8 @@ --- title: AI Models +page-title: How to use AI models to fill forms in Vaadin applications description: Explains the two built-in LLM implementations using ChatGPT services and how to implement a custom model. +meta-described: Learn about AI models supported by Vaadin's AI Form Filler for enhanced automation. order: 20 --- diff --git a/articles/tools/ai-form-filler/api-reference.adoc b/articles/tools/ai-form-filler/api-reference.adoc index 990824e8e5..3b586c5a4d 100644 --- a/articles/tools/ai-form-filler/api-reference.adoc +++ b/articles/tools/ai-form-filler/api-reference.adoc @@ -1,6 +1,8 @@ --- title: API Reference +page-title: How to use the Form Filler API with ChatGPT | Vaadin description: How to start using the AI Form Filler to use ChatGPT to fill in forms. +meta-description: Learn to configure Vaadin's Form Filler API with ChatGPT for precise form filling using constructors, parameters, and methods. order: 30 --- diff --git a/articles/tools/ai-form-filler/best-practices-limits.adoc b/articles/tools/ai-form-filler/best-practices-limits.adoc index 53414a0b82..de578deae5 100644 --- a/articles/tools/ai-form-filler/best-practices-limits.adoc +++ b/articles/tools/ai-form-filler/best-practices-limits.adoc @@ -1,6 +1,8 @@ --- title: Best Practices pass:[&] Limits +page-title: Best practices for AI form filler | Vaadin description: A list of best practices and limitations of AI Form Filler. +meta-description: Master AI Form Filler in your Vaadin application with best practices and understand its limitations for optimized performance. order: 50 --- diff --git a/articles/tools/ai-form-filler/getting-started.adoc b/articles/tools/ai-form-filler/getting-started.adoc index dda12de6a5..d066c07809 100644 --- a/articles/tools/ai-form-filler/getting-started.adoc +++ b/articles/tools/ai-form-filler/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: How to get started with AI form filler in Vaadin description: How to start using the AI Form Filler to use ChatGPT to fill in forms. +meta-description: Discover how to set up and use the AI form filler tool to automate form-filling tasks in Vaadin applications. order: 10 --- diff --git a/articles/tools/ai-form-filler/index.adoc b/articles/tools/ai-form-filler/index.adoc index c5dc1c3a3a..1641553bbc 100644 --- a/articles/tools/ai-form-filler/index.adoc +++ b/articles/tools/ai-form-filler/index.adoc @@ -1,6 +1,8 @@ --- title: AI Form Filler +page-title: AI form filler in Vaadin description: Use ChatGPT to fill forms with a natural language input source. +meta-description: Discover how to use ChatGPT to fill forms with a natural language input source. Automate and enhance form-filling experiences in Vaadin apps. order: 110 --- diff --git a/articles/tools/appsec/advanced-topics.adoc b/articles/tools/appsec/advanced-topics.adoc index 957db54219..14745a5a57 100644 --- a/articles/tools/appsec/advanced-topics.adoc +++ b/articles/tools/appsec/advanced-topics.adoc @@ -1,6 +1,8 @@ --- title: Advanced Topics +page-title: Advanced application security topics | Vaadin description: Highlights advanced topics related to AppSec Kit. +meta-description: Explore advanced security concepts to safeguard your Vaadin applications. order: 20 --- diff --git a/articles/tools/appsec/getting-started.adoc b/articles/tools/appsec/getting-started.adoc index 1839700f5f..9252bc59e0 100644 --- a/articles/tools/appsec/getting-started.adoc +++ b/articles/tools/appsec/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: Getting started with AppSec for Vaadin description: Step-by-step guide on using AppSec Kit in an application. +meta-description: Discover how to use the AppSec tool to secure your Vaadin applications. order: 10 --- diff --git a/articles/tools/appsec/index.adoc b/articles/tools/appsec/index.adoc index 198b2ff41f..009ccba4c5 100644 --- a/articles/tools/appsec/index.adoc +++ b/articles/tools/appsec/index.adoc @@ -1,6 +1,8 @@ --- title: AppSec Kit +page-title: Seamless Security Integration with AppSec Kit | Vaadin description: Identify and manage vulnerabilities in third-party dependencies. +meta-description: Learn to identify and manage vulnerabilities in third-party dependencies of your application. section-nav: commercial order: 40 --- diff --git a/articles/tools/azure-cloud/autoscaling.adoc b/articles/tools/azure-cloud/autoscaling.adoc index d309837d15..8c02e79ee7 100644 --- a/articles/tools/azure-cloud/autoscaling.adoc +++ b/articles/tools/azure-cloud/autoscaling.adoc @@ -1,6 +1,8 @@ --- title: Autoscaling +page-title: Configuring autoscaling for Vaadin apps on Azure description: Configure autoscaling in Azure Cloud Kit. +meta-description: Explore autoscaling configurations to handle growing workloads on Azure for Vaadin applications. order: 20 --- diff --git a/articles/tools/azure-cloud/getting-started.adoc b/articles/tools/azure-cloud/getting-started.adoc index 18bf6e0e3e..c206535e10 100644 --- a/articles/tools/azure-cloud/getting-started.adoc +++ b/articles/tools/azure-cloud/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: Getting started with Azure for Vaadin description: Step-by-step guide showing how to use the Azure Cloud Kit to deploy an application to Azure Cloud. +meta-description: Learn how to set up and deploy Vaadin applications on Azure cloud platform effectively. order: 10 --- diff --git a/articles/tools/azure-cloud/index.adoc b/articles/tools/azure-cloud/index.adoc index 61ad3a98a3..11f89c9529 100644 --- a/articles/tools/azure-cloud/index.adoc +++ b/articles/tools/azure-cloud/index.adoc @@ -1,6 +1,8 @@ --- title: Azure Cloud Kit +page-title: How to deploy Vaadin applications to Azure Cloud description: Deploy your Vaadin application to Azure Cloud. +meta-description: Learn how to deploy and manage Vaadin applications on Azure Cloud for scalability and performance. section-nav: commercial order: 50 --- diff --git a/articles/tools/azure-cloud/multiple-kubernetes-environments.adoc b/articles/tools/azure-cloud/multiple-kubernetes-environments.adoc index 0fe8db99cb..d48f85fb4d 100644 --- a/articles/tools/azure-cloud/multiple-kubernetes-environments.adoc +++ b/articles/tools/azure-cloud/multiple-kubernetes-environments.adoc @@ -1,6 +1,8 @@ --- title: Multiple Environments +page-title: Configure multiple Kubernetes environments on Azure | Vaadin description: Configure Multiple Kubernetes Environments using the Azure Cloud Kit. +meta-description: Configure multiple Kubernetes environments on Azure for flexible application deployment. order: 40 --- diff --git a/articles/tools/azure-cloud/tls.adoc b/articles/tools/azure-cloud/tls.adoc index f79c572740..20a63614cf 100644 --- a/articles/tools/azure-cloud/tls.adoc +++ b/articles/tools/azure-cloud/tls.adoc @@ -1,6 +1,8 @@ --- title: Transport Layer Security +page-title: How to configure TLS for Vaadin on Azure description: Configure Transport Layer (TLS) Security in Azure Cloud Kit. +meta-description: Discover how to enable TLS for secure communication in Vaadin applications hosted on Azure. order: 30 --- diff --git a/articles/tools/collaboration/advanced/backend-api.adoc b/articles/tools/collaboration/advanced/backend-api.adoc index 23a4392b6b..482ee3e83c 100644 --- a/articles/tools/collaboration/advanced/backend-api.adoc +++ b/articles/tools/collaboration/advanced/backend-api.adoc @@ -1,5 +1,7 @@ --- title: Clustering Support +page-title: How to use backend APIs for collaboration in Vaadin +meta-description: Learn how to configure and use backend APIs to enable real-time collaboration in Vaadin applications. order: 20 --- diff --git a/articles/tools/collaboration/advanced/collaboration-list.adoc b/articles/tools/collaboration/advanced/collaboration-list.adoc index 414dd3d48c..52db3c16e2 100644 --- a/articles/tools/collaboration/advanced/collaboration-list.adoc +++ b/articles/tools/collaboration/advanced/collaboration-list.adoc @@ -1,5 +1,7 @@ --- title: Collaboration List +page-title: How to implement collaboration lists in Vaadin +meta-description: Explore how to create and manage collaboration lists for real-time data sharing in Vaadin. order: 10 --- diff --git a/articles/tools/collaboration/advanced/connection-context.adoc b/articles/tools/collaboration/advanced/connection-context.adoc index 6f9bd0ac42..aa141cce19 100644 --- a/articles/tools/collaboration/advanced/connection-context.adoc +++ b/articles/tools/collaboration/advanced/connection-context.adoc @@ -1,5 +1,7 @@ --- title: Connection Context +page-title: How to Use Connection Context in Vaadin Collaboration Kit +meta-description: Explore advanced Connection Context features in Vaadin Collaboration Kit. Learn how to manage real-time user interactions in collaborative web apps. order: 8 --- diff --git a/articles/tools/collaboration/advanced/index.adoc b/articles/tools/collaboration/advanced/index.adoc index ff9d4e7f0e..f17c3ce01c 100644 --- a/articles/tools/collaboration/advanced/index.adoc +++ b/articles/tools/collaboration/advanced/index.adoc @@ -1,4 +1,6 @@ --- title: Advanced +page-title: Advanced collaboration tools in Vaadin +meta-description: Unlock advanced collaboration features in Vaadin for enhanced teamwork and communication. order: 7 --- diff --git a/articles/tools/collaboration/advanced/integrating-external-servlets.adoc b/articles/tools/collaboration/advanced/integrating-external-servlets.adoc index ef70b59c41..75f4264ea9 100644 --- a/articles/tools/collaboration/advanced/integrating-external-servlets.adoc +++ b/articles/tools/collaboration/advanced/integrating-external-servlets.adoc @@ -1,5 +1,7 @@ --- title: External Servlets +page-title: How to integrate external servlets with Vaadin collaboration +meta-description: Learn how to enhance collaboration features by integrating external servlets with Vaadin. order: 15 --- diff --git a/articles/tools/collaboration/advanced/serialization.adoc b/articles/tools/collaboration/advanced/serialization.adoc index 90773fa859..fa22f2fd1e 100644 --- a/articles/tools/collaboration/advanced/serialization.adoc +++ b/articles/tools/collaboration/advanced/serialization.adoc @@ -1,6 +1,8 @@ --- title: Session Replication with Kubernetes Kit +page-title: How to serialize data in collaboration features | Vaadin description: Best practices to achieve session replication when using Kubernetes Kit. +meta-description: Learn how to serialize data efficiently for collaboration features in Vaadin. order: 30 --- diff --git a/articles/tools/collaboration/advanced/topic-api.adoc b/articles/tools/collaboration/advanced/topic-api.adoc index af00694ca6..9a6876073f 100644 --- a/articles/tools/collaboration/advanced/topic-api.adoc +++ b/articles/tools/collaboration/advanced/topic-api.adoc @@ -1,5 +1,7 @@ --- title: Topic API +page-title: How to use Topic API for collaboration in Vaadin +meta-description: Explore the topic API for collaborative features in Vaadin applications. order: 9 --- diff --git a/articles/tools/collaboration/components/collaboration-avatar-group.adoc b/articles/tools/collaboration/components/collaboration-avatar-group.adoc index eb57853fd3..8e2b718841 100644 --- a/articles/tools/collaboration/components/collaboration-avatar-group.adoc +++ b/articles/tools/collaboration/components/collaboration-avatar-group.adoc @@ -1,5 +1,7 @@ --- title: Avatar Group +page-title: Collaboration avatar group in Vaadin +meta-description: Discover how to use the collaboration avatar group to enhance team interactions in your Vaadin apps. order: 2 --- diff --git a/articles/tools/collaboration/components/collaboration-binder.adoc b/articles/tools/collaboration/components/collaboration-binder.adoc index caa81a8faa..6db1bbae87 100644 --- a/articles/tools/collaboration/components/collaboration-binder.adoc +++ b/articles/tools/collaboration/components/collaboration-binder.adoc @@ -1,5 +1,7 @@ --- title: Binder +page-title: Collaboration binder in Vaadin applications +meta-description: Learn how to use the Collaboration Binder for real-time data synchronization in Vaadin. order: 1 --- diff --git a/articles/tools/collaboration/components/collaboration-message-list.adoc b/articles/tools/collaboration/components/collaboration-message-list.adoc index ed135939b0..b2d47c8fe2 100644 --- a/articles/tools/collaboration/components/collaboration-message-list.adoc +++ b/articles/tools/collaboration/components/collaboration-message-list.adoc @@ -1,5 +1,7 @@ --- title: Message List +page-title: How to use collaboration message list in Vaadin +meta-description: Learn how to use and style the collaboration message list for real-time communication in Vaadin applications. order: 3 --- diff --git a/articles/tools/collaboration/components/index.adoc b/articles/tools/collaboration/components/index.adoc index 591547c405..4665dba97a 100644 --- a/articles/tools/collaboration/components/index.adoc +++ b/articles/tools/collaboration/components/index.adoc @@ -1,4 +1,6 @@ --- title: Binder pass:[&] Components +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 --- diff --git a/articles/tools/collaboration/developing-with-ce.adoc b/articles/tools/collaboration/developing-with-ce.adoc index 7345af8266..e649aa4f60 100644 --- a/articles/tools/collaboration/developing-with-ce.adoc +++ b/articles/tools/collaboration/developing-with-ce.adoc @@ -1,5 +1,7 @@ --- title: Licensing Model +page-title: How to develop with Vaadin Collaboration Engine CE +meta-description: Learn the basics of developing collaborative features with the Vaadin Collaboration Engine Community Edition. order: 999 --- diff --git a/articles/tools/collaboration/going-to-production.adoc b/articles/tools/collaboration/going-to-production.adoc index f273630595..166291fb2a 100644 --- a/articles/tools/collaboration/going-to-production.adoc +++ b/articles/tools/collaboration/going-to-production.adoc @@ -1,6 +1,8 @@ --- -title: Production Configuration +title: Production +page-title: How to deploy Vaadin Collaboration Kit to production description: Preparing a Vaadin application for production that uses Collaboration Kit. +meta-description: Learn how to deploy Vaadin Collaboration Kit to production. Explore best practices for secure setup, licensing, and optimizing real-time collaboration features. order: 999 --- diff --git a/articles/tools/collaboration/index.adoc b/articles/tools/collaboration/index.adoc index 3850b9caff..65f966681c 100644 --- a/articles/tools/collaboration/index.adoc +++ b/articles/tools/collaboration/index.adoc @@ -1,6 +1,8 @@ --- title: Collaboration Kit +page-title: Vaadin Collaboration Kit description: Add real-time collaboration features to your Vaadin application. +meta-description: How to add real-time collaboration features to your Vaadin application using Vaadin Collaboration Kit. order: 60 section-nav: badge-flow --- diff --git a/articles/tools/collaboration/managers/form-manager.adoc b/articles/tools/collaboration/managers/form-manager.adoc index 95c682d861..2251141461 100644 --- a/articles/tools/collaboration/managers/form-manager.adoc +++ b/articles/tools/collaboration/managers/form-manager.adoc @@ -1,5 +1,7 @@ --- title: Form Manager +page-title: How to manage forms with Vaadin collaboration tools +meta-description: Utilize the form manager in Vaadin collaboration tools to enhance form interactions. order: 3 --- diff --git a/articles/tools/collaboration/managers/index.adoc b/articles/tools/collaboration/managers/index.adoc index f30d35a7d8..56926bf6e6 100644 --- a/articles/tools/collaboration/managers/index.adoc +++ b/articles/tools/collaboration/managers/index.adoc @@ -1,4 +1,6 @@ --- title: Collaboration Managers +page-title: How to use collaboration managers in Vaadin +meta-description: Manage collaborative features in Vaadin applications using built-in managers. order: 6 --- diff --git a/articles/tools/collaboration/managers/message-manager.adoc b/articles/tools/collaboration/managers/message-manager.adoc index 3b9c069743..b4e4c82ed5 100644 --- a/articles/tools/collaboration/managers/message-manager.adoc +++ b/articles/tools/collaboration/managers/message-manager.adoc @@ -1,5 +1,7 @@ --- title: Message Manager +page-title: How to use the Message Manager in Vaadin Collaboration Kit +meta-description: Enable real-time messaging in your applications with the Message Manager. Learn how to manage and broadcast messages across users. order: 2 --- diff --git a/articles/tools/collaboration/managers/presence-manager.adoc b/articles/tools/collaboration/managers/presence-manager.adoc index 9a0687e6e9..ab5fe65373 100644 --- a/articles/tools/collaboration/managers/presence-manager.adoc +++ b/articles/tools/collaboration/managers/presence-manager.adoc @@ -1,5 +1,7 @@ --- title: Presence Manager +page-title: How to use presence manager in Vaadin collaboration tools +meta-description: Learn how to track and manage user presence in Vaadin collaboration tools. order: 1 --- diff --git a/articles/tools/collaboration/tutorial.adoc b/articles/tools/collaboration/tutorial.adoc index 620b7ce972..fd35e832e2 100644 --- a/articles/tools/collaboration/tutorial.adoc +++ b/articles/tools/collaboration/tutorial.adoc @@ -1,5 +1,7 @@ --- title: Quick Start Guide +page-title: Vaadin collaboration tutorial +meta-description: Follow this step-by-step guide to build collaborative features in your Vaadin applications. order: 2 --- diff --git a/articles/tools/designer/getting-started/build-your-contact-form.adoc b/articles/tools/designer/getting-started/build-your-contact-form.adoc index 097b01ccac..5d87b78a7e 100644 --- a/articles/tools/designer/getting-started/build-your-contact-form.adoc +++ b/articles/tools/designer/getting-started/build-your-contact-form.adoc @@ -1,5 +1,7 @@ --- title: Build Contact Form +page-title: How to use build a contact form with Vaadin Designer +meta-description: Learn how to build a contact form with Vaadin Designer. Follow this step-by-step guide to create visually stunning UIs with ease. order: 7 --- diff --git a/articles/tools/designer/getting-started/build-your-main-view.adoc b/articles/tools/designer/getting-started/build-your-main-view.adoc index e3a0e2cb22..a3363e2f63 100644 --- a/articles/tools/designer/getting-started/build-your-main-view.adoc +++ b/articles/tools/designer/getting-started/build-your-main-view.adoc @@ -1,5 +1,7 @@ --- title: Build Main View +page-title: How to build your main view with Vaadin Designer +meta-description: Learn how to build your main view in Vaadin Designer to kickstart your application. order: 6 --- diff --git a/articles/tools/designer/getting-started/connecting-your-contact-form-to-java.adoc b/articles/tools/designer/getting-started/connecting-your-contact-form-to-java.adoc index 4d8a44a778..67d8c52267 100644 --- a/articles/tools/designer/getting-started/connecting-your-contact-form-to-java.adoc +++ b/articles/tools/designer/getting-started/connecting-your-contact-form-to-java.adoc @@ -1,5 +1,7 @@ --- title: Connect Contact Form to Java +page-title: How to connect contact forms to Java in Vaadin +meta-description: Learn how to connect your contact form to Java in Vaadin Designer for backend integration. order: 10 --- diff --git a/articles/tools/designer/getting-started/connecting-your-main-view-to-java.adoc b/articles/tools/designer/getting-started/connecting-your-main-view-to-java.adoc index 0fba047521..e0ace5301f 100644 --- a/articles/tools/designer/getting-started/connecting-your-main-view-to-java.adoc +++ b/articles/tools/designer/getting-started/connecting-your-main-view-to-java.adoc @@ -1,5 +1,7 @@ --- title: Connect Main View to Java +page-title: How to connect your main view to Java in Vaadin Designer +meta-description: Discover how to link your main view created in Vaadin Designer with backend Java logic. order: 9 --- diff --git a/articles/tools/designer/getting-started/get-your-application-up-and-running.adoc b/articles/tools/designer/getting-started/get-your-application-up-and-running.adoc index 8619877511..5e39b03cba 100644 --- a/articles/tools/designer/getting-started/get-your-application-up-and-running.adoc +++ b/articles/tools/designer/getting-started/get-your-application-up-and-running.adoc @@ -1,5 +1,7 @@ --- title: Get Application Running +page-title: How to set up your application with Vaadin Designer +meta-description: Step-by-step instructions for getting your application up and running with Vaadin Designer. order: 8 --- diff --git a/articles/tools/designer/getting-started/index.adoc b/articles/tools/designer/getting-started/index.adoc index b9ad9634d2..d0ff58d72f 100644 --- a/articles/tools/designer/getting-started/index.adoc +++ b/articles/tools/designer/getting-started/index.adoc @@ -1,4 +1,6 @@ --- title: Tutorial +page-title: How to get started with Vaadin Designer +meta-description: Get started with Vaadin Designer to create interactive UIs with minimal effort. order: 2 --- diff --git a/articles/tools/designer/getting-started/setting-up-your-environment/eclipse.adoc b/articles/tools/designer/getting-started/setting-up-your-environment/eclipse.adoc index 83f082d063..401a97061d 100644 --- a/articles/tools/designer/getting-started/setting-up-your-environment/eclipse.adoc +++ b/articles/tools/designer/getting-started/setting-up-your-environment/eclipse.adoc @@ -1,5 +1,7 @@ --- title: Installing Designer in Eclipse +page-title: How to set up Vaadin Designer in Eclipse +meta-description: Configure Eclipse for Vaadin Designer to streamline your UI design process. tab-title: Eclipse order: 3 --- diff --git a/articles/tools/designer/getting-started/setting-up-your-environment/index.adoc b/articles/tools/designer/getting-started/setting-up-your-environment/index.adoc index 1de5ba65fd..d84b628295 100644 --- a/articles/tools/designer/getting-started/setting-up-your-environment/index.adoc +++ b/articles/tools/designer/getting-started/setting-up-your-environment/index.adoc @@ -1,9 +1,11 @@ --- title: Getting Started +page-title: How to set up your environment for Vaadin Designer tab-title: Overview order: 1 layout: tabbed-page description: Getting started with Vaadin Designer made easy. +meta-description: Set up your environment for Vaadin Designer to streamline UI design and development. --- [[designer.installing.environment]] diff --git a/articles/tools/designer/getting-started/setting-up-your-environment/intellij.adoc b/articles/tools/designer/getting-started/setting-up-your-environment/intellij.adoc index 7ca29fca11..914ae018d8 100644 --- a/articles/tools/designer/getting-started/setting-up-your-environment/intellij.adoc +++ b/articles/tools/designer/getting-started/setting-up-your-environment/intellij.adoc @@ -1,5 +1,7 @@ --- title: Installing Designer in IntelliJ IDEA +page-title: Setting up Vaadin Designer with IntelliJ IDEA +meta-description: Set up your environment for Vaadin Designer in IntelliJ IDEA with this quick guide. tab-title: IntelliJ IDEA order: 2 --- diff --git a/articles/tools/designer/getting-started/wrap-up.adoc b/articles/tools/designer/getting-started/wrap-up.adoc index 6a3fa76413..71ebb08a7e 100644 --- a/articles/tools/designer/getting-started/wrap-up.adoc +++ b/articles/tools/designer/getting-started/wrap-up.adoc @@ -1,5 +1,7 @@ --- title: Wrap Up +page-title: Wrapping up with Vaadin Designer +meta-description: Conclude your Vaadin Designer journey and explore advanced features for building stunning UIs. order: 11 --- diff --git a/articles/tools/designer/index.adoc b/articles/tools/designer/index.adoc index f8bf622734..2f035d562e 100644 --- a/articles/tools/designer/index.adoc +++ b/articles/tools/designer/index.adoc @@ -1,6 +1,8 @@ --- title: Designer +page-title: Vaadin Designer section-nav: commercial +meta-description: Use the visual tool Vaadin Designer where you can drag and drop - and configure - web components on a canvas. order: 130 --- diff --git a/articles/tools/designer/using-designer/designing.adoc b/articles/tools/designer/using-designer/designing.adoc index 52838d3ad2..53da745e52 100644 --- a/articles/tools/designer/using-designer/designing.adoc +++ b/articles/tools/designer/using-designer/designing.adoc @@ -1,5 +1,7 @@ --- title: Designing +page-title: How to design UIs with Vaadin Designer +meta-description: Create visually appealing and functional UIs using Vaadin Designer tools. order: 12 --- diff --git a/articles/tools/designer/using-designer/faq.adoc b/articles/tools/designer/using-designer/faq.adoc index 418f1a51ea..16b7dfca73 100644 --- a/articles/tools/designer/using-designer/faq.adoc +++ b/articles/tools/designer/using-designer/faq.adoc @@ -1,5 +1,7 @@ --- title: Frequently Asked Questions +page-title: Frequently asked questions about Vaadin Designer +meta-description: Find answers to common questions and best practices for using Vaadin Designer effectively. order: 15 --- diff --git a/articles/tools/designer/using-designer/index.adoc b/articles/tools/designer/using-designer/index.adoc index d96e9c884c..74b8dded3b 100644 --- a/articles/tools/designer/using-designer/index.adoc +++ b/articles/tools/designer/using-designer/index.adoc @@ -1,5 +1,7 @@ --- title: Using Designer +page-title: How to use Vaadin Designer for efficient UI development +meta-description: Master the features of Vaadin Designer to create stunning UIs effortlessly. order: 3 --- diff --git a/articles/tools/designer/using-designer/java.adoc b/articles/tools/designer/using-designer/java.adoc index 9a98cac796..9c0449ff5a 100644 --- a/articles/tools/designer/using-designer/java.adoc +++ b/articles/tools/designer/using-designer/java.adoc @@ -1,5 +1,7 @@ --- title: Connect to Java +page-title: How to integrate Vaadin Designer with Java +meta-description: Learn how to connect Vaadin Designer-generated layouts with Java logic in Vaadin applications. order: 12 --- diff --git a/articles/tools/designer/using-designer/layout.adoc b/articles/tools/designer/using-designer/layout.adoc index 58b0b81bed..21da85a2c5 100644 --- a/articles/tools/designer/using-designer/layout.adoc +++ b/articles/tools/designer/using-designer/layout.adoc @@ -1,5 +1,7 @@ --- title: Laying Out Views +page-title: How to create layouts with Vaadin Designer +meta-description: Learn to design layouts visually using Vaadin Designer. Drag and drop components to build responsive UIs for your applications. order: 13 --- diff --git a/articles/tools/designer/using-designer/previewing.adoc b/articles/tools/designer/using-designer/previewing.adoc index 99284b8276..8659a7fbe4 100644 --- a/articles/tools/designer/using-designer/previewing.adoc +++ b/articles/tools/designer/using-designer/previewing.adoc @@ -1,5 +1,7 @@ --- title: Previewing +page-title: How to preview designs in Vaadin Designer +meta-description: Learn how to preview and refine UI designs using Vaadin Designer. order: 12 --- diff --git a/articles/tools/designer/using-designer/theming.adoc b/articles/tools/designer/using-designer/theming.adoc index cf27e4f1ec..7a272374a4 100644 --- a/articles/tools/designer/using-designer/theming.adoc +++ b/articles/tools/designer/using-designer/theming.adoc @@ -1,5 +1,7 @@ --- title: Theming +page-title: How to theme apps in Vaadin Designer +meta-description: Discover how to apply themes in Vaadin Designer to align with your application's style. order: 14 --- diff --git a/articles/tools/dspublisher/configuration.adoc b/articles/tools/dspublisher/configuration.adoc index 70cc44078b..f7ed14f5bb 100644 --- a/articles/tools/dspublisher/configuration.adoc +++ b/articles/tools/dspublisher/configuration.adoc @@ -1,6 +1,8 @@ --- title: Configuration +page-title: Configure Design System Publisher (DSP) for Vaadin projects description: Various aspects of the documentation website can be configured through environment variables or with a JSON configuration file. +meta-description: Learn how to customize the Design System Publisher (DSP) for Vaadin projects using environment variables or JSON files. order: 65 --- diff --git a/articles/tools/dspublisher/custom-theme.adoc b/articles/tools/dspublisher/custom-theme.adoc index f9827f1cfb..6608b53b0e 100644 --- a/articles/tools/dspublisher/custom-theme.adoc +++ b/articles/tools/dspublisher/custom-theme.adoc @@ -1,6 +1,8 @@ --- title: Custom Theme +page-title: How to create themes with Vaadin Design System Publisher description: Using a custom theme when rendering UI examples within documentation pages, the same theme for applications you create with your design system. +meta-description: Discover how to design and implement custom themes using Vaadin Design System Publisher to render UI examples within documentation pages. order: 60 --- diff --git a/articles/tools/dspublisher/customization.adoc b/articles/tools/dspublisher/customization.adoc index 97aeb9c30d..ddba7eb2a1 100644 --- a/articles/tools/dspublisher/customization.adoc +++ b/articles/tools/dspublisher/customization.adoc @@ -1,6 +1,8 @@ --- title: Site Customization +page-title: How to customize DSPublisher configuration | Vaadin description: The documentation website styles can be customized to fit the brand and design guidelines of your organization. Custom headers and footers are also possible. +meta-description: Documentation styles can be customized to fit the brand of your organization. Customize the Data Source Publisher to fit your needs using this guide. order: 50 --- diff --git a/articles/tools/dspublisher/devmode.adoc b/articles/tools/dspublisher/devmode.adoc index 107ae97659..107cf4e187 100644 --- a/articles/tools/dspublisher/devmode.adoc +++ b/articles/tools/dspublisher/devmode.adoc @@ -1,6 +1,8 @@ --- title: Development Server +page-title: Set up the development server of your DSP project | Vaadin description: When you edit the pages of your documentation website, you run the Design System Publisher development server locally to to see the resulting website as you edit the content. +meta-description: Run the Vaadin Design System Publisher development server locally to to see the resulting website as you edit the content of your documentation website. order: 30 --- diff --git a/articles/tools/dspublisher/editing.adoc b/articles/tools/dspublisher/editing.adoc index 53436ea884..ee5627a9d3 100644 --- a/articles/tools/dspublisher/editing.adoc +++ b/articles/tools/dspublisher/editing.adoc @@ -1,6 +1,8 @@ --- title: Site Content +page-title: How to edit content with Design System Publisher | Vaadin description: The page hierarchy of the documentation website is defined by the folder structure of files written using the AsciiDoc markup language. Learn how to write these documentation pages. +meta-description: Learn how to edit and manage documentation content using Vaadin's Design System Publisher tool. order: 40 --- @@ -248,7 +250,7 @@ By default, the source code language is used as the title of the block. You can [example] ==== -.MyButtonExample.java +.`MyButtonExample.java` [source,java] ---- Button button = new Button("My Button"); @@ -258,7 +260,7 @@ Button button = new Button("My Button"); [source,asciidoc] ----- // tag::snippet[] -.MyButtonExample.java +.`MyButtonExample.java` // end::snippet[] [source,java] ---- @@ -277,15 +279,15 @@ You can combine multiple code examples together if you specify them inside an `. ==== [.example] -- -.VirtualListExample.java +.`VirtualListExample.java` [source,java] ---- -List people = DataService.getPeople(); // See Person.java +List people = DataService.`getPeople(); // See Person.java` VirtualList list = new VirtualList<>(); list.setItems(people); ---- -.Person.java +.`Person.java` [source,java] ---- public class Person { @@ -293,7 +295,7 @@ public class Person { } ---- -.Address.java +.`Address.java` [source,java] ---- public class Address { @@ -307,15 +309,15 @@ public class Address { ----- [.example] -- -.VirtualListExample.java +.`VirtualListExample.java` [source,java] ---- -List people = DataService.getPeople(); // See Person.java +List people = DataService.`getPeople(); // See Person.java` VirtualList list = new VirtualList<>(); list.setItems(people); ---- -.Person.java +.`Person.java` [source,java] ---- public class Person { @@ -323,7 +325,7 @@ public class Person { } ---- -.Address.java +.`Address.java` [source,java] ---- public class Address { @@ -473,7 +475,7 @@ Part of the source code can be entirely omitted from the rendered code examples [example] ==== -.MyComponentExample.java +.`MyComponentExample.java` [source,java] ---- // The following line isn't shown @@ -486,7 +488,7 @@ public MyComponentExample() { [.example] -- -.MyComponentExample.java +.`MyComponentExample.java` [source,java] ---- // The following line isn't shown diff --git a/articles/tools/dspublisher/index.adoc b/articles/tools/dspublisher/index.adoc index 849ae38ae1..6c0d66c72e 100644 --- a/articles/tools/dspublisher/index.adoc +++ b/articles/tools/dspublisher/index.adoc @@ -1,5 +1,7 @@ --- title: Design System Publisher +page-title: Vaadin Design System Publisher +meta-description: Vaadin's Design System Publisher is a tool for creating a documentation website for your own Vaadin-based design system. section-nav: commercial order: 120 --- diff --git a/articles/tools/dspublisher/production.adoc b/articles/tools/dspublisher/production.adoc index a51e6f60b7..43c95223da 100644 --- a/articles/tools/dspublisher/production.adoc +++ b/articles/tools/dspublisher/production.adoc @@ -1,6 +1,8 @@ --- title: Production Setup +page-title: How to use Vaadin Design System Publisher in production description: Once you're happy with the content and appearance of your design system documentation site, it's time to build for production deployment. +meta-description: Learn to deploy design systems to production with Vaadin Design System Publisher. Ensure consistency across your applications. order: 80 --- diff --git a/articles/tools/dspublisher/start.adoc b/articles/tools/dspublisher/start.adoc index cf3686487a..a7b8a24103 100644 --- a/articles/tools/dspublisher/start.adoc +++ b/articles/tools/dspublisher/start.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: How to get started with Vaadin Design System Publisher description: Set up your own design system documentation project using Design System Publisher. +meta-description: Learn how to start using the Vaadin Design System Publisher to set up your own design system documentation project. order: 20 --- diff --git a/articles/tools/dspublisher/troubleshooting.adoc b/articles/tools/dspublisher/troubleshooting.adoc index fbe81254f2..dddd9c6929 100644 --- a/articles/tools/dspublisher/troubleshooting.adoc +++ b/articles/tools/dspublisher/troubleshooting.adoc @@ -1,7 +1,8 @@ --- title: Troubleshooting +page-title: How to troubleshoot Vaadin Design System Publisher issues description: This page describes issues you might encounter while using Design System Publisher. -order: 1000 +meta-description: Learn to diagnose and resolve common problems when using the Vaadin Design System Publisher. --- = Troubleshooting diff --git a/articles/tools/dspublisher/updating.adoc b/articles/tools/dspublisher/updating.adoc index 2a00df2bd2..a76bfbdd93 100644 --- a/articles/tools/dspublisher/updating.adoc +++ b/articles/tools/dspublisher/updating.adoc @@ -1,6 +1,8 @@ --- title: Updating +page-title: Updating Vaadin Design System Publisher description: Keeping your documentation up-to-date with the official Vaadin Design System documentation. +meta-description: Learn how to update your Vaadin Design System Publisher setup to keep your design systems consistent and current. order: 90 --- diff --git a/articles/tools/index.adoc b/articles/tools/index.adoc index ed13210af6..f2f42b4fad 100644 --- a/articles/tools/index.adoc +++ b/articles/tools/index.adoc @@ -1,6 +1,8 @@ --- title: Tools +page-title: Vaadin tools overview | Optimize your development workflow description: Speed up development with official Vaadin tools. +meta-description: Explore Vaadin tools designed to enhance application development, styling, and deployment. order: 60 layout: index section-nav: flat reveal diff --git a/articles/tools/kubernetes/configuration.adoc b/articles/tools/kubernetes/configuration.adoc index 7632f397c6..6a69fd9a86 100644 --- a/articles/tools/kubernetes/configuration.adoc +++ b/articles/tools/kubernetes/configuration.adoc @@ -1,6 +1,8 @@ --- title: Configuration +page-title: Kubernetes configuration for Vaadin deployment description: Configuration options for Kubernetes Kit. +meta-description: Configure Kubernetes Kit for deploying Vaadin applications with ease. order: 120 --- diff --git a/articles/tools/kubernetes/getting-started.adoc b/articles/tools/kubernetes/getting-started.adoc index 7ae8961020..bf92125408 100644 --- a/articles/tools/kubernetes/getting-started.adoc +++ b/articles/tools/kubernetes/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: Getting started with Kubernetes Kit | Vaadin description: Step-by-step guide showing how to enable scalability, high availability, and non-disruptive rolling updates for your application using Kubernetes Kit. +meta-description: Step-by-step guide showing how to enable scalability, high availability, and non-disruptive rolling updates for your Vaadin application using Kubernetes Kit. order: 10 --- diff --git a/articles/tools/kubernetes/index.adoc b/articles/tools/kubernetes/index.adoc index 664e35fc58..29d25dbe5a 100644 --- a/articles/tools/kubernetes/index.adoc +++ b/articles/tools/kubernetes/index.adoc @@ -1,6 +1,8 @@ --- title: Kubernetes Kit +page-title: Use Kubernetes Kit to deploy Vaadin Flow applications description: Deploy your Vaadin application to Kubernetes, an open-source system for automating deployment, scaling, and management of containerized applications, and enable scalability, high availability, and rolling updates for your application. +meta-description: Learn how to use Kubernetes Kit to deploy Vaadin Flow applications on-premise or in the cloud using Kubernetes. section-nav: commercial order: 70 --- diff --git a/articles/tools/kubernetes/session-replication-debug-tool.adoc b/articles/tools/kubernetes/session-replication-debug-tool.adoc index fe4dec23c9..19ab07b6a1 100644 --- a/articles/tools/kubernetes/session-replication-debug-tool.adoc +++ b/articles/tools/kubernetes/session-replication-debug-tool.adoc @@ -1,6 +1,8 @@ --- title: Session Replication Debug Tool +page-title: How to debug Kubernetes Kit Session Replication | Vaadin description: To help make HTTP sessions fully serializable and deserializable, Kubernetes Kit offers a tool for discovering serialization issues during development. +meta-description: Learn how to debug session replication in Kubernetes deployments with Vaadin's Kubernetes Kit Session Replication Debug tool. order: 110 --- diff --git a/articles/tools/kubernetes/session-replication.adoc b/articles/tools/kubernetes/session-replication.adoc index ff4f803828..c2d984b908 100644 --- a/articles/tools/kubernetes/session-replication.adoc +++ b/articles/tools/kubernetes/session-replication.adoc @@ -1,6 +1,8 @@ --- title: Session Replication +page-title: How to enable session replication for Vaadin on Kubernetes description: Best practices to achieve session replication. +meta-description: Learn how to enable session replication for your Vaadin application on Kubernetes Kit. order: 100 --- diff --git a/articles/tools/kubernetes/update-version.adoc b/articles/tools/kubernetes/update-version.adoc index aaf50a8e31..d0efc8be40 100644 --- a/articles/tools/kubernetes/update-version.adoc +++ b/articles/tools/kubernetes/update-version.adoc @@ -1,6 +1,8 @@ --- title: Rolling Updates +page-title: How to update Vaadin applications with Kubernetes Kit description: Kubernetes Kit helps to roll out a new version of an application by sending a notification to users on the previous version so that they can choose when to switch. This allows them to save any changes to their work, rather than risk losing them. +meta-description: Learn how to update Vaadin application versions seamlessly using Kubernetes. Ensure smooth deployment and maintain version control in production. order: 20 --- diff --git a/articles/tools/modernization-toolkit/analyzer-for-eclipse.adoc b/articles/tools/modernization-toolkit/analyzer-for-eclipse.adoc index ee456e2a95..df4d168578 100644 --- a/articles/tools/modernization-toolkit/analyzer-for-eclipse.adoc +++ b/articles/tools/modernization-toolkit/analyzer-for-eclipse.adoc @@ -1,6 +1,8 @@ --- title: Vaadin Modernization Toolkit Analyzer for Eclipse +page-title: Using the Vaadin Modernization Toolkit Analyzer for Eclipse description: How to prepare an application with Modernization Toolkit Analyzer for Eclipse. +meta-description: Use the Vaadin Modernization Toolkit Analyzer in Eclipse to update legacy applications effectively. order: 120 --- diff --git a/articles/tools/modernization-toolkit/analyzer-for-maven.adoc b/articles/tools/modernization-toolkit/analyzer-for-maven.adoc index b30a328252..36b4236578 100644 --- a/articles/tools/modernization-toolkit/analyzer-for-maven.adoc +++ b/articles/tools/modernization-toolkit/analyzer-for-maven.adoc @@ -1,6 +1,8 @@ --- title: Vaadin Modernization Toolkit Analyzer for Maven +page-title: How to use Vaadin Modernization Toolkit Analyzer for Maven description: How to use the command-line Analyzer +meta-description: Learn how to use the modernization toolkit analyzer for Maven to upgrade and modernize your Vaadin applications. order: 130 --- diff --git a/articles/tools/modernization-toolkit/classic-components.adoc b/articles/tools/modernization-toolkit/classic-components.adoc index 930e339339..96cc9538b3 100644 --- a/articles/tools/modernization-toolkit/classic-components.adoc +++ b/articles/tools/modernization-toolkit/classic-components.adoc @@ -1,7 +1,9 @@ --- title: Classic Components +page-title: How to modernize legacy apps with Classic Components | Vaadin order: 40 description: Build on the latest Vaadin version with familiar component APIs. +meta-description: Use Classic Components to migrate a project from Vaadin 7 or 8 to the latest Vaadin version. page-links: - https://vaadin.com/api/com.vaadin/vaadin-classic-components-flow/[API docs] --- diff --git a/articles/tools/modernization-toolkit/dragonfly.adoc b/articles/tools/modernization-toolkit/dragonfly.adoc index 03b0ee934c..0dee3172d8 100644 --- a/articles/tools/modernization-toolkit/dragonfly.adoc +++ b/articles/tools/modernization-toolkit/dragonfly.adoc @@ -1,6 +1,8 @@ --- title: Dragonfly Transpiler +page-title: How to use Dragonfly Transpiler | Vaadin tools description: Modernize your application through automated refactoring. +meta-description: Learn how to use Dragonfly Transpiler to automate Vaadin application modernization and code refactoring. order: 30 --- diff --git a/articles/tools/modernization-toolkit/feature-pack.adoc b/articles/tools/modernization-toolkit/feature-pack.adoc index c593b05179..3925883907 100644 --- a/articles/tools/modernization-toolkit/feature-pack.adoc +++ b/articles/tools/modernization-toolkit/feature-pack.adoc @@ -1,6 +1,8 @@ --- title: Feature Pack +page-title: How to use the Vaadin Modernization Toolkit feature pack description: Modernize your application while preserving code expressiveness and developer productivity features. +meta-description: Modernize your Vaadin application while preserving code expressiveness and developer productivity features using the Modernization Toolkit feature pack. order: 40 --- diff --git a/articles/tools/modernization-toolkit/index.adoc b/articles/tools/modernization-toolkit/index.adoc index b8802748b4..974e8ce489 100644 --- a/articles/tools/modernization-toolkit/index.adoc +++ b/articles/tools/modernization-toolkit/index.adoc @@ -1,6 +1,8 @@ --- title: Modernization Toolkit +page-title: How to modernize your project faster with Vaadin toolkit description: Get your modernization project done faster. +meta-description: Extend the usefulness of your existing applications and accelerate their transformation to modern Java and the modern web using the Modernization Toolkit. section-nav: commercial order: 30 --- diff --git a/articles/tools/mpr/configuration/adding-legacy-components.adoc b/articles/tools/mpr/configuration/adding-legacy-components.adoc index 8a5359b75b..f04c361676 100644 --- a/articles/tools/mpr/configuration/adding-legacy-components.adoc +++ b/articles/tools/mpr/configuration/adding-legacy-components.adoc @@ -1,5 +1,7 @@ --- title: Adding Legacy Components in a Flow Layout +page-title: How to add legacy components to Vaadin Flow layouts +meta-description: Learn how to add legacy components to your Vaadin Flow layouts by following this tutorial. order: 1 --- diff --git a/articles/tools/mpr/configuration/custom-ui.adoc b/articles/tools/mpr/configuration/custom-ui.adoc index 7dbbddb660..b55ea4f5a6 100644 --- a/articles/tools/mpr/configuration/custom-ui.adoc +++ b/articles/tools/mpr/configuration/custom-ui.adoc @@ -1,5 +1,7 @@ --- title: Custom Legacy UI Class +page-title: How to configure custom UI in Vaadin MPR +meta-description: Define and manage custom user interfaces for multiplatform runtime in Vaadin. order: 5 --- diff --git a/articles/tools/mpr/configuration/index.adoc b/articles/tools/mpr/configuration/index.adoc index 4009475abe..a1861e9ea4 100644 --- a/articles/tools/mpr/configuration/index.adoc +++ b/articles/tools/mpr/configuration/index.adoc @@ -1,5 +1,7 @@ --- title: Configuration pass:[&] Advanced Topics +page-title: Advanced Topics on Vaadin's Multiplatform Runtime +meta-description: Read more about how you can configure the Vaadin's multiplatform runtime tool. order: 3 --- diff --git a/articles/tools/mpr/configuration/legacy-theme.adoc b/articles/tools/mpr/configuration/legacy-theme.adoc index cf414bf561..8c91a68123 100644 --- a/articles/tools/mpr/configuration/legacy-theme.adoc +++ b/articles/tools/mpr/configuration/legacy-theme.adoc @@ -1,5 +1,7 @@ --- title: Legacy Theme in MPR +page-title: How to use legacy theme in MPR | Vaadin tools +meta-description: Learn how you can change the theme used with Vaadin MPR and start using the legacy theme instead of the default theme. order: 1 --- diff --git a/articles/tools/mpr/configuration/legacy-widgetset.adoc b/articles/tools/mpr/configuration/legacy-widgetset.adoc index 915ab26d90..12563241cb 100644 --- a/articles/tools/mpr/configuration/legacy-widgetset.adoc +++ b/articles/tools/mpr/configuration/legacy-widgetset.adoc @@ -1,5 +1,7 @@ --- title: Custom Widget Set pass:[&] MPR +page-title: How to configure legacy widget sets in Vaadin MPR +meta-description: Learn how to set up and use legacy widget sets with Vaadin MPR. order: 2 --- diff --git a/articles/tools/mpr/configuration/limitations.adoc b/articles/tools/mpr/configuration/limitations.adoc index c893c58a8f..8f2a4ab199 100644 --- a/articles/tools/mpr/configuration/limitations.adoc +++ b/articles/tools/mpr/configuration/limitations.adoc @@ -1,5 +1,7 @@ --- title: Limitations of MPR +page-title: Limitations of Vaadin's Multiplatform Runtime +meta-description: Learn about the limitations of the MPR plugin when integrating legacy components in Vaadin applications. order: 2 --- diff --git a/articles/tools/mpr/configuration/mpr-cdi-tutorial.adoc b/articles/tools/mpr/configuration/mpr-cdi-tutorial.adoc index d3591c9fd5..4c34df4cf7 100644 --- a/articles/tools/mpr/configuration/mpr-cdi-tutorial.adoc +++ b/articles/tools/mpr/configuration/mpr-cdi-tutorial.adoc @@ -1,5 +1,7 @@ --- title: V7 pass:[&] V14+ CDI Applications Side-by-Side +page-title: How to use V7 & V14+ CDI applications side-by-side | Vaadin +meta-description: Explore how to use V7 & V14+ CDI Applications Side-by-Side effectively in your Vaadin development workflow. order: 6 --- diff --git a/articles/tools/mpr/configuration/production-mode.adoc b/articles/tools/mpr/configuration/production-mode.adoc index a7202f5bf2..3a53b6c603 100644 --- a/articles/tools/mpr/configuration/production-mode.adoc +++ b/articles/tools/mpr/configuration/production-mode.adoc @@ -1,5 +1,7 @@ --- title: Set Up Production Mode +page-title: How to configure production mode in Vaadin MPR +meta-description: Learn how to enable and configure production mode in Vaadin MPR for improved performance and scalability. order: 3 --- diff --git a/articles/tools/mpr/configuration/push.adoc b/articles/tools/mpr/configuration/push.adoc index b01a13a6eb..0af402bfe3 100644 --- a/articles/tools/mpr/configuration/push.adoc +++ b/articles/tools/mpr/configuration/push.adoc @@ -1,5 +1,7 @@ --- title: Push pass:[&] MPR +page-title: How to configure push in MPR for Vaadin applications +meta-description: Set up and configure push in MPR for Vaadin applications. Enhance real-time communication capabilities. order: 3 --- diff --git a/articles/tools/mpr/configuration/session.adoc b/articles/tools/mpr/configuration/session.adoc index 236cb1df15..d5165bffb5 100644 --- a/articles/tools/mpr/configuration/session.adoc +++ b/articles/tools/mpr/configuration/session.adoc @@ -1,5 +1,7 @@ --- title: Using Sessions with MPR +page-title: How to configure MPR sessions in Vaadin applications +meta-description: Learn how to manage and configure MPR sessions for legacy and modern Vaadin applications. order: 4 --- diff --git a/articles/tools/mpr/index.adoc b/articles/tools/mpr/index.adoc index 0bea9649d0..640924938d 100644 --- a/articles/tools/mpr/index.adoc +++ b/articles/tools/mpr/index.adoc @@ -1,5 +1,7 @@ --- title: Multiplatform Runtime +page-title: How to configure Multiplatform Runtime | Vaadin tools +meta-description: Learn how to configure multiplatform runtime to run applications and components written with Vaadin 7/8 inside a Vaadin Flow application. section-nav: commercial badge-flow order: 140 --- diff --git a/articles/tools/mpr/introduction/1-maven-v7.adoc b/articles/tools/mpr/introduction/1-maven-v7.adoc index abffd15591..0ed4dbd366 100644 --- a/articles/tools/mpr/introduction/1-maven-v7.adoc +++ b/articles/tools/mpr/introduction/1-maven-v7.adoc @@ -1,5 +1,7 @@ --- title: Configure pom.xml for Vaadin 7 +page-title: How to use MPR with Maven for Vaadin 7 projects +meta-description: Integrate MPR with Maven to modernize your Vaadin 7 projects. Learn setup and configuration tips for seamless migration. order: 2 --- diff --git a/articles/tools/mpr/introduction/1-maven-v8.adoc b/articles/tools/mpr/introduction/1-maven-v8.adoc index fdad280c25..12a745a349 100644 --- a/articles/tools/mpr/introduction/1-maven-v8.adoc +++ b/articles/tools/mpr/introduction/1-maven-v8.adoc @@ -1,5 +1,7 @@ --- title: Configure pom.xml for Vaadin 8 +page-title: How to integrate Vaadin MPR with Maven for Vaadin 8 +meta-description: Learn how to configure Vaadin Multi-Platform Runtime (MPR) for Vaadin 8 projects using Maven. order: 3 --- diff --git a/articles/tools/mpr/introduction/2-legacy-servlets.adoc b/articles/tools/mpr/introduction/2-legacy-servlets.adoc index 81e66a0e3b..9c350f6fa8 100644 --- a/articles/tools/mpr/introduction/2-legacy-servlets.adoc +++ b/articles/tools/mpr/introduction/2-legacy-servlets.adoc @@ -1,5 +1,7 @@ --- title: Removing Legacy Servlets +page-title: Legacy servlets in multiplatform runtime | Vaadin +meta-description: Understand how to configure and use legacy servlets in MPR for Vaadin applications. order: 4 --- diff --git a/articles/tools/mpr/introduction/3-cdi.adoc b/articles/tools/mpr/introduction/3-cdi.adoc index 7cfc6f3712..954f4364a7 100644 --- a/articles/tools/mpr/introduction/3-cdi.adoc +++ b/articles/tools/mpr/introduction/3-cdi.adoc @@ -1,5 +1,7 @@ --- title: Vaadin Legacy CDI Application with MPR pass:[&] Flow +page-title: Using CDI with legacy components in Vaadin MPR +meta-description: Discover how to integrate CDI with legacy components in Vaadin MPR for advanced use cases. order: 7 --- diff --git a/articles/tools/mpr/introduction/3-legacy-uis.adoc b/articles/tools/mpr/introduction/3-legacy-uis.adoc index 354b8b835c..6a4d7397fd 100644 --- a/articles/tools/mpr/introduction/3-legacy-uis.adoc +++ b/articles/tools/mpr/introduction/3-legacy-uis.adoc @@ -1,5 +1,7 @@ --- title: Converting Legacy UIs +page-title: How to migrate legacy UIs in Vaadin +meta-description: Learn best practices for migrating legacy UIs to modern Vaadin applications. order: 5 --- diff --git a/articles/tools/mpr/introduction/3-navigator.adoc b/articles/tools/mpr/introduction/3-navigator.adoc index ce3fc7afe8..92ec3c70b8 100644 --- a/articles/tools/mpr/introduction/3-navigator.adoc +++ b/articles/tools/mpr/introduction/3-navigator.adoc @@ -1,5 +1,7 @@ --- title: Navigation using Navigator +page-title: How to use the navigator in Vaadin Flow with MPR +meta-description: Learn about integrating legacy navigation frameworks in Vaadin applications with MPR. order: 8 --- diff --git a/articles/tools/mpr/introduction/3-no-framework.adoc b/articles/tools/mpr/introduction/3-no-framework.adoc index b59cc81513..5e8e8de5bb 100644 --- a/articles/tools/mpr/introduction/3-no-framework.adoc +++ b/articles/tools/mpr/introduction/3-no-framework.adoc @@ -1,5 +1,7 @@ --- title: Converting a UI Without Other Frameworks +page-title: How to convert UIs without other frameworks | Vaadin MPR +meta-description: Learn how to convert UIs without other frameworks when using Vaadin MPR. order: 9 --- diff --git a/articles/tools/mpr/introduction/3-spring-boot.adoc b/articles/tools/mpr/introduction/3-spring-boot.adoc index 429a6ef88c..86ec1533ca 100644 --- a/articles/tools/mpr/introduction/3-spring-boot.adoc +++ b/articles/tools/mpr/introduction/3-spring-boot.adoc @@ -1,5 +1,7 @@ --- title: Running Spring Boot Applications +page-title: How to integrate Vaadin MPR with Spring Boot +meta-description: Learn how to use Vaadin MPR in Spring Boot applications to modernize older projects. order: 6 --- diff --git a/articles/tools/mpr/introduction/4-ui-parameters.adoc b/articles/tools/mpr/introduction/4-ui-parameters.adoc index fa2a5ec78f..70dd9d805e 100644 --- a/articles/tools/mpr/introduction/4-ui-parameters.adoc +++ b/articles/tools/mpr/introduction/4-ui-parameters.adoc @@ -1,5 +1,7 @@ --- title: Converting UI parameters +page-title: How to convert UI parameters in MPR for Vaadin Applications +meta-description: Manage UI parameters in Vaadin Multi-Platform Runtime (MPR) for better navigation and state handling for your applications. order: 10 --- diff --git a/articles/tools/mpr/introduction/5-adding-legacy-components.adoc b/articles/tools/mpr/introduction/5-adding-legacy-components.adoc index 90f1ce8772..ac4d577bed 100644 --- a/articles/tools/mpr/introduction/5-adding-legacy-components.adoc +++ b/articles/tools/mpr/introduction/5-adding-legacy-components.adoc @@ -1,5 +1,7 @@ --- title: Adding Legacy Components to Flow layouts +page-title: Adding legacy components to Vaadin Flow layouts +meta-description: Understand how to integrate legacy components seamlessly in MPR for Vaadin applications. order: 11 --- diff --git a/articles/tools/mpr/introduction/index.adoc b/articles/tools/mpr/introduction/index.adoc index 67b8f10175..e8fa9ae0a9 100644 --- a/articles/tools/mpr/introduction/index.adoc +++ b/articles/tools/mpr/introduction/index.adoc @@ -1,5 +1,7 @@ --- title: Step-by-Step Guide +page-title: Introduction to MPR in Vaadin applications +meta-description: Read this guide of a series of steps to upgrade a working Vaadin 7 or Vaadin 8 application to Vaadin Flow. order: 2 --- diff --git a/articles/tools/observability/configuration.adoc b/articles/tools/observability/configuration.adoc index 55c42f4d93..e6ccaf6fcf 100644 --- a/articles/tools/observability/configuration.adoc +++ b/articles/tools/observability/configuration.adoc @@ -1,6 +1,8 @@ --- title: Configuration +page-title: Configuring Observability Kit for Vaadin applications description: How to configure Observability Kit and what are its default settings. +meta-description: Learn to set up and manage the Observability Kit for monitoring your Vaadin applications effectively. order: 20 --- diff --git a/articles/tools/observability/customization.adoc b/articles/tools/observability/customization.adoc index 0892f5cc7b..6837647875 100644 --- a/articles/tools/observability/customization.adoc +++ b/articles/tools/observability/customization.adoc @@ -1,7 +1,9 @@ --- title: Customization +page-title: How to customize observability in Vaadin applications order: 30 description: How to add custom instrumentation traces and metrics to an application. +meta-description: Learn how to tailor observability features to monitor and analyze Vaadin applications effectively. --- diff --git a/articles/tools/observability/getting-started.adoc b/articles/tools/observability/getting-started.adoc index 6084fb1938..cb0ac10e06 100644 --- a/articles/tools/observability/getting-started.adoc +++ b/articles/tools/observability/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: How to get started with observability in Vaadin description: Step-by-step guide on how to use Observability Kit in an application. +meta-description: A beginner-friendly guide to setting up observability tools for monitoring Vaadin applications. order: 10 --- diff --git a/articles/tools/observability/index.adoc b/articles/tools/observability/index.adoc index 86c20f5dd4..259964de5d 100644 --- a/articles/tools/observability/index.adoc +++ b/articles/tools/observability/index.adoc @@ -1,6 +1,8 @@ --- title: Observability Kit +page-title: Observability Kit for your Vaadin applications description: Insights into Flow applications at runtime and in production by monitoring application health, detecting unhandled errors and performance issues, and observing user behavior. +meta-description: Run the Observability Kit with a Vaadin Flow application to collect telemetry data, including traces, metrics, and logs. section-nav: commercial order: 80 --- diff --git a/articles/tools/observability/integrations/datadog.adoc b/articles/tools/observability/integrations/datadog.adoc index 66d0470e46..df504bac7f 100644 --- a/articles/tools/observability/integrations/datadog.adoc +++ b/articles/tools/observability/integrations/datadog.adoc @@ -1,6 +1,8 @@ --- title: Datadog +page-title: How to use Datadog together with Observability Kit | Vaadin description: Learn how to use Datadog together with Observability Kit. +meta-description: Learn how to use Datadog, a commercial service for collecting and viewing telemetry data, together with Observability Kit in Vaadin. page-links: - https://www.datadoghq.com[Website] --- diff --git a/articles/tools/observability/integrations/grafana.adoc b/articles/tools/observability/integrations/grafana.adoc index 1d988a65c1..b06cd069d3 100644 --- a/articles/tools/observability/integrations/grafana.adoc +++ b/articles/tools/observability/integrations/grafana.adoc @@ -1,6 +1,8 @@ --- title: Grafana +page-title: How to use Grafana with Observability Kit | Vaadin description: Learn how to use Grafana together with Observability Kit. +meta-description: Explore Grafana integration with Vaadin applications for advanced observability and analytics. page-links: - https://grafana.com[Website] --- diff --git a/articles/tools/observability/integrations/index.adoc b/articles/tools/observability/integrations/index.adoc index 6c489c43e9..77d8fa1741 100644 --- a/articles/tools/observability/integrations/index.adoc +++ b/articles/tools/observability/integrations/index.adoc @@ -1,6 +1,8 @@ --- title: Integrations +page-title: How to integrate observability tools with Vaadin description: Observability Kit can be used with any vendor that natively supports the OpenTelemetry standard. +meta-description: Learn how you can use Observability Kit with any vendor that natively supports the OpenTelemetry standard when using it in your Vaadin application. order: 40 --- diff --git a/articles/tools/observability/integrations/jaeger-prometheus.adoc b/articles/tools/observability/integrations/jaeger-prometheus.adoc index c8d600b075..bd2defe00f 100644 --- a/articles/tools/observability/integrations/jaeger-prometheus.adoc +++ b/articles/tools/observability/integrations/jaeger-prometheus.adoc @@ -1,6 +1,8 @@ --- title: Jaeger pass:[&] Prometheus +page-title: How to integrate Jaeger and Prometheus in Vaadin description: How to integrate Jaeger and Prometheus. +meta-description: Set up Jaeger and Prometheus for monitoring and observability in Vaadin applications. --- diff --git a/articles/tools/observability/integrations/newrelic.adoc b/articles/tools/observability/integrations/newrelic.adoc index f37396fc51..1bbf0dbe56 100644 --- a/articles/tools/observability/integrations/newrelic.adoc +++ b/articles/tools/observability/integrations/newrelic.adoc @@ -1,6 +1,8 @@ --- title: New Relic +page-title: How to use New Relic with Observability Kit | Vaadin description: Learn how to use New Relic together with Observability Kit. +meta-description: Discover how to integrate Vaadin applications with New Relic to monitor performance and gain insights. page-links: - https://newrelic.com[Website] --- diff --git a/articles/tools/observability/reference.adoc b/articles/tools/observability/reference.adoc index 41f32e0119..8a6481a7ba 100644 --- a/articles/tools/observability/reference.adoc +++ b/articles/tools/observability/reference.adoc @@ -1,6 +1,8 @@ --- title: Reference +page-title: Vaadin observability reference guide description: Details on traces, metrics that Observability Kit provides, and their attributes. +meta-description: Access a comprehensive reference for observability features and tools in Vaadin. order: 50 --- diff --git a/articles/tools/sso/getting-started/hilla.adoc b/articles/tools/sso/getting-started/hilla.adoc index f7724f2ab9..63b4aff5f6 100644 --- a/articles/tools/sso/getting-started/hilla.adoc +++ b/articles/tools/sso/getting-started/hilla.adoc @@ -2,6 +2,7 @@ title: Hilla page-title: Getting Started with Hilla and Vaadin SSO Kit description: Step-by-step guide on how to use SSO Kit in a Hilla application. +meta-description: Set up Single Sign-On (SSO) in your Vaadin Hilla applications with this comprehensive guide. order: 100 --- diff --git a/articles/tools/sso/getting-started/index.adoc b/articles/tools/sso/getting-started/index.adoc index 708e616fd2..6f8eddb65e 100644 --- a/articles/tools/sso/getting-started/index.adoc +++ b/articles/tools/sso/getting-started/index.adoc @@ -4,6 +4,7 @@ page-title: Getting Started with Vaadin SSO Kit and Vaadin Flow layout: tabbed-page tab-title: Flow description: Step-by-step guide on how to use SSO Kit in a Vaadin Flow application. +meta-description: Get started with Single Sign-On (SSO) integration in your Vaadin Flow applications. order: 10 --- diff --git a/articles/tools/sso/index.adoc b/articles/tools/sso/index.adoc index b50ac1a73c..fda39bddf3 100644 --- a/articles/tools/sso/index.adoc +++ b/articles/tools/sso/index.adoc @@ -1,6 +1,8 @@ --- title: SSO Kit +page-title: How to configure single sign-on (SSO) in Vaadin description: Integrate Vaadin applications with third-party identity providers, and allow your users to benefit from single sign-on capabilities. +meta-description: Learn to set up single sign-on (SSO) for seamless authentication in Vaadin applications for a better user experience. section-nav: commercial order: 90 --- diff --git a/articles/tools/sso/integrations/azure-ad.adoc b/articles/tools/sso/integrations/azure-ad.adoc index 3e717d2143..9fcadab334 100644 --- a/articles/tools/sso/integrations/azure-ad.adoc +++ b/articles/tools/sso/integrations/azure-ad.adoc @@ -1,7 +1,8 @@ --- title: Azure Active Directory -page-title: Vaadin SSO Kit Azure AD Integration +page-title: How to integrate Azure AD SSO with Vaadin description: How to use SSO Kit with Azure Active Directory (Microsoft Entra ID). +meta-description: Learn how to configure Azure AD for secure single sign-on (SSO) in your Vaadin applications. page-links: - https://azure.microsoft.com[Azure website] --- diff --git a/articles/tools/sso/integrations/index.adoc b/articles/tools/sso/integrations/index.adoc index aef2ba86e3..cf7d1ed558 100644 --- a/articles/tools/sso/integrations/index.adoc +++ b/articles/tools/sso/integrations/index.adoc @@ -1,6 +1,8 @@ --- title: Integrations +page-title: Integrating Vaadin apps with SSO providers description: How to use SSO Kit with vendor-specific tutorials. +meta-description: Learn to set up single sign-on (SSO) for secure and seamless authentication in Vaadin applications. order: 30 --- diff --git a/articles/tools/sso/integrations/keycloak.adoc b/articles/tools/sso/integrations/keycloak.adoc index 4127115203..ae7d74c96f 100644 --- a/articles/tools/sso/integrations/keycloak.adoc +++ b/articles/tools/sso/integrations/keycloak.adoc @@ -1,7 +1,8 @@ --- title: Keycloak -page-title: Vaadin SSO Kit Keycloak Integration +page-title: How to integrate Keycloak for SSO in Vaadin applications description: Keycloak is an open-source identity and access management solution. This page explains how to use Keycloak together with SSO Kit. +meta-description: Learn how to set up and configure Keycloak Single Sign-On (SSO) integration in your Vaadin applications for secure authentication. page-links: - https://www.keycloak.org[Website] --- diff --git a/articles/tools/sso/integrations/okta.adoc b/articles/tools/sso/integrations/okta.adoc index 8e94dac60c..639af5a36d 100644 --- a/articles/tools/sso/integrations/okta.adoc +++ b/articles/tools/sso/integrations/okta.adoc @@ -1,7 +1,8 @@ --- title: Okta -page-title: Vaadin SSO Kit Okta Integration +page-title: How to integrate Okta for single sign-on in Vaadin description: Okta is a commercial identity and access management solution. This page explains how to use Okta together with SSO Kit. +meta-description: Learn how to set up Okta SSO for secure authentication in your Vaadin applications. Streamline user access with this step-by-step guide. page-links: - https://www.okta.com[Okta website] --- diff --git a/articles/tools/sso/theming.adoc b/articles/tools/sso/theming.adoc index da3a60abad..6412b823e3 100644 --- a/articles/tools/sso/theming.adoc +++ b/articles/tools/sso/theming.adoc @@ -1,6 +1,8 @@ --- title: Theming +page-title: How to theme SSO in Vaadin description: How to customize the login screen of SSO Kit authentication providers. +meta-description: How to customize the look and feel of Single Sign-On (SSO) in your Vaadin applications. order: 20 --- diff --git a/articles/tools/start/index.adoc b/articles/tools/start/index.adoc index 312d98534d..7ad102a68f 100644 --- a/articles/tools/start/index.adoc +++ b/articles/tools/start/index.adoc @@ -1,7 +1,11 @@ --- title: Start +page-title: Create a new Vaadin project using Vaadin Start 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. --- diff --git a/articles/tools/start/view-builder/index.adoc b/articles/tools/start/view-builder/index.adoc index 4e33b40010..308a0f3214 100644 --- a/articles/tools/start/view-builder/index.adoc +++ b/articles/tools/start/view-builder/index.adoc @@ -1,6 +1,8 @@ --- title: Editable Views +page-title: How to create custom views with Visual View Builder | Vaadin description: Visual View Builder enables you to create new views with custom layouts and components without touching code. +meta-description: Discover how to use Visual View Builder in Vaadin Start to design custom views with drag-and-drop functionality. --- diff --git a/articles/tools/swing/communication.adoc b/articles/tools/swing/communication.adoc index 3f2b687b47..bf40ea1433 100644 --- a/articles/tools/swing/communication.adoc +++ b/articles/tools/swing/communication.adoc @@ -1,6 +1,8 @@ --- title: Cross-Communication +page-title: How to manage communication between Vaadin and Swing description: How to communicate between Vaadin views and Swing applications. +meta-description: Learn how to send events from Vaadin views to a Swing application or call methods in a Vaadin view from Swing. order: 30 --- diff --git a/articles/tools/swing/exceptions.adoc b/articles/tools/swing/exceptions.adoc index dbc2126c3e..8318b784d3 100644 --- a/articles/tools/swing/exceptions.adoc +++ b/articles/tools/swing/exceptions.adoc @@ -1,6 +1,8 @@ --- title: Exception Handling +page-title: How to handle exceptions in Vaadin Swing integration description: How exceptions are handled when using Swing Kit, and how to configure it. +meta-description: Discover strategies for managing exceptions in Vaadin Swing applications. order: 40 --- diff --git a/articles/tools/swing/getting-started.adoc b/articles/tools/swing/getting-started.adoc index dd9fc01e12..58fd2dedcc 100644 --- a/articles/tools/swing/getting-started.adoc +++ b/articles/tools/swing/getting-started.adoc @@ -1,6 +1,8 @@ --- title: Getting Started +page-title: How to get started with Swing Kit | Vaadin description: Learn how to set up your Vaadin and Swing projects to be able to use Swing Kit. +meta-description: Learn how to get started with Swing Kit to integrate Vaadin Swing components in desktop applications. order: 10 --- diff --git a/articles/tools/swing/index.adoc b/articles/tools/swing/index.adoc index 495de5a016..29451f2128 100644 --- a/articles/tools/swing/index.adoc +++ b/articles/tools/swing/index.adoc @@ -1,6 +1,8 @@ --- title: Swing Kit +page-title: Render Vaadin views in Swing apps with Swing Kit description: Swing Kit is a tool designed to render Vaadin views inside Swing applications. +meta-description: Learn how to render Vaadin views inside Swing applications using the Swing Kit tool. section-nav: commercial order: 100 --- diff --git a/articles/tools/swing/views.adoc b/articles/tools/swing/views.adoc index 67172c2a72..ffa40516eb 100644 --- a/articles/tools/swing/views.adoc +++ b/articles/tools/swing/views.adoc @@ -1,6 +1,8 @@ --- title: Adding Views +page-title: How to add views in Swing Kit | Vaadin Tools description: Learn how to annotate and access Vaadin application views that you wish to render inside your Swing application. +meta-description: Learn how to add and manage views in your Vaadin applications using Swing Kit. This guide includes step-by-step instructions and code examples. order: 20 --- diff --git a/articles/upgrading/index.adoc b/articles/upgrading/index.adoc index a0df32af83..5c1c499ed6 100644 --- a/articles/upgrading/index.adoc +++ b/articles/upgrading/index.adoc @@ -1,6 +1,8 @@ --- title: Upgrading Guide +page-title: How to upgrade Vaadin applications description: Changes needed to upgrade an application from Vaadin 23 to the latest version. +meta-description: Follow this comprehensive guide to upgrade your Vaadin applications to the latest version. order: 900 ---