--- title: A New Website for MelodyMatrix, and What's New in... description: MelodyMatrix, a desktop piano practice app, received two major updates: a completely rebuilt website and a new 1.1.0 app release. The old Spring Boot + Vaadin... canonical: https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: A New Website for MelodyMatrix, and What's New in Release 1.1.0 · webtechie.be | daily.dev og:description: MelodyMatrix, a desktop piano practice app, received two major updates: a completely rebuilt website and a new 1.1.0 app release. The old Spring Boot + Vaadin... og:url: https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68 og:image: https://api.daily.dev/og/posts/4Gtax9g68.png og:image:alt: A New Website for MelodyMatrix, and What's New in Release 1.1.0 · webtechie.be og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # A New Website for MelodyMatrix, and What's New in Release 1.1.0 · webtechie.be **[WebTechie](https://daily.dev/sources/webtechie)** · 4 min read · 0 upvotes · 0 comments ## Summary MelodyMatrix, a desktop piano practice app, received two major updates: a completely rebuilt website and a new 1.1.0 app release. The old Spring Boot + Vaadin site was split into a static multilingual Hugo site (8 languages, deployed to GitLab Pages) for the public-facing pages, while Vaadin was retained for account management and the REST API. The Hugo site was built using AI-assisted coding with Theia IDE and the Claude API, following a disciplined approach of small, scoped tasks. MelodyMatrix 1.1.0 adds an audio spectrum view, falling/rising note blocks in the Piano view, improved sync, i18n support, and an improved MIDI view. The Viewers module remains open source and packages are distributed via jDeploy through GitHub Releases. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Why would someone split a Vaadin Flow application into a separate public website and backend service? A combined Spring Boot and Vaadin Flow app serving public pages, account/admin back office, and REST API is not ideal for SEO on public-facing pages. Splitting it lets the public site become a static, multilingual Hugo site deployed to GitLab Pages, while Vaadin is trimmed down to only the account/admin back office and REST API endpoints that actually need a server. _Developers weighing Vaadin against static-site approaches for SEO can track real migration writeups like this on daily.dev._ ### How can a Hugo site stay in sync with data from a live backend without duplicating content manually? A small Python script fetches current release data and the open-source credits list from the backend API before every Hugo build, so the generated releases page and credits section always match what has actually shipped. This avoids maintaining the same information in two separate places. _Anyone automating build-time data syncing for static sites follows patterns like this via daily.dev._ ### What AI coding workflow pattern helps avoid messy, ever-growing prompt sessions when rebuilding a website with an AI assistant? Breaking work into small, well-bounded tasks such as navigation, features, downloads, legal pages, and translations, each handled in its own fresh AI session rather than one continuously growing conversation, was used with Theia IDE driving the Claude API through separate architect and coder roles. This approach was applied to rebuild a Vaadin-based site into Hugo and reportedly cost a few hundred dollars in Claude credits. _Developers refining AI pair-programming habits with Claude and Theia can find similar workflow reports on daily.dev._ ## Similar posts on daily.dev - [MelodyMatrix V1.0.0 Released: Shipping a JavaFX App with jDeploy, GitHub Actions, and Auto-Update](https://daily.dev/posts/melodymatrix-v1-0-0-released-shipping-a-javafx-app-with-jdeploy-github-actions-and-auto-update-xyfcdlg9l) · WebTechie · 1 upvotes · 0 comments - [MelodyMatrix 1.2.0 and 1.2.1: Learn Section Groundwork, Playback Improvements, and a Startup Fix · webtechie.be](https://daily.dev/posts/melodymatrix-1-2-0-and-1-2-1-learn-section-groundwork-playback-improvements-and-a-startup-fix-w-eb0vdxcmh) · WebTechie · 2 upvotes · 0 comments - [The groove is the 40 milliseconds a grid throws away, so we built a beat studio that gives them back, in a browser tab](https://daily.dev/posts/the-groove-is-the-40-milliseconds-a-grid-throws-away-so-we-built-a-beat-studio-that-gives-them-back-fiaruwgvg) · DEV · 11 upvotes · 0 comments - [Harmodus Piano: An iOS App for Hearing Just Intonation](https://daily.dev/posts/harmodus-piano-an-ios-app-for-hearing-just-intonation-ydlooonpf) · Medium · 1 upvotes · 0 comments - [Vaadin 25.2: Build UIs in plain language, and call the browser from Java](https://daily.dev/posts/vaadin-25-2-build-uis-in-plain-language-and-call-the-browser-from-java-oy0ibl7qx) · Vaadin · 6 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#java](https://daily.dev/tags/java), [#ai-coding](https://daily.dev/tags/ai-coding), [#vaadin](https://daily.dev/tags/vaadin) [View this post on daily.dev](https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"A New Website for MelodyMatrix, and What's New in Release 1.1.0 · webtechie.be","url":"https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68"},"datePublished":"2026-07-13T08:02:45.387Z","dateModified":"2026-09-14T08:01:58.887Z","description":"MelodyMatrix, a desktop piano practice app, received two major updates: a completely rebuilt website and a new 1.1.0 app release. The old Spring Boot + Vaadin...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/3074efd38e17a94501e10e9ad0709a32?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/3074efd38e17a94501e10e9ad0709a32?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"WebTechie","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"WebTechie","logo":"https://media.daily.dev/image/upload/s--Q98Q0_9X--/f_auto,q_auto/v1774960848/logos/webtechie?_a=BAMAMiWQ0","url":"https://daily.dev/sources/webtechie"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,java,ai-coding,vaadin","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"WebTechie","item":"https://daily.dev/sources/webtechie"},{"@type":"ListItem","position":3,"name":"A New Website for MelodyMatrix, and What's New in Release 1.1.0 · webtechie.be"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/a-new-website-for-melodymatrix-and-what-s-new-in-release-1-1-0-webtechie-be-4gtax9g68#faq","mainEntity":[{"@type":"Question","name":"Why would someone split a Vaadin Flow application into a separate public website and backend service?","acceptedAnswer":{"@type":"Answer","text":"A combined Spring Boot and Vaadin Flow app serving public pages, account/admin back office, and REST API is not ideal for SEO on public-facing pages. Splitting it lets the public site become a static, multilingual Hugo site deployed to GitLab Pages, while Vaadin is trimmed down to only the account/admin back office and REST API endpoints that actually need a server. Developers weighing Vaadin against static-site approaches for SEO can track real migration writeups like this on daily.dev."}},{"@type":"Question","name":"How can a Hugo site stay in sync with data from a live backend without duplicating content manually?","acceptedAnswer":{"@type":"Answer","text":"A small Python script fetches current release data and the open-source credits list from the backend API before every Hugo build, so the generated releases page and credits section always match what has actually shipped. This avoids maintaining the same information in two separate places. Anyone automating build-time data syncing for static sites follows patterns like this via daily.dev."}},{"@type":"Question","name":"What AI coding workflow pattern helps avoid messy, ever-growing prompt sessions when rebuilding a website with an AI assistant?","acceptedAnswer":{"@type":"Answer","text":"Breaking work into small, well-bounded tasks such as navigation, features, downloads, legal pages, and translations, each handled in its own fresh AI session rather than one continuously growing conversation, was used with Theia IDE driving the Claude API through separate architect and coder roles. This approach was applied to rebuild a Vaadin-based site into Hugo and reportedly cost a few hundred dollars in Claude credits. Developers refining AI pair-programming habits with Claude and Theia can find similar workflow reports on daily.dev."}}]} ```