diff --git a/apps/frontend/src/public/news/article/modrinth-hosting-in-app/instance-logs.webp b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/instance-logs.webp new file mode 100644 index 000000000..0cc7ba131 Binary files /dev/null and b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/instance-logs.webp differ diff --git a/apps/frontend/src/public/news/article/modrinth-hosting-in-app/purchase-demo.mp4 b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/purchase-demo.mp4 new file mode 100644 index 000000000..b4a6f3ab7 Binary files /dev/null and b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/purchase-demo.mp4 differ diff --git a/apps/frontend/src/public/news/article/modrinth-hosting-in-app/server-list.webp b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/server-list.webp new file mode 100644 index 000000000..9f86dc096 Binary files /dev/null and b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/server-list.webp differ diff --git a/apps/frontend/src/public/news/article/modrinth-hosting-in-app/server-settings.webp b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/server-settings.webp new file mode 100644 index 000000000..56bb6a3d3 Binary files /dev/null and b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/server-settings.webp differ diff --git a/apps/frontend/src/public/news/article/modrinth-hosting-in-app/settings-demo.mp4 b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/settings-demo.mp4 new file mode 100644 index 000000000..a3f72f88d Binary files /dev/null and b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/settings-demo.mp4 differ diff --git a/apps/frontend/src/public/news/article/modrinth-hosting-in-app/thumbnail.webp b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/thumbnail.webp new file mode 100644 index 000000000..cfb0f4a81 Binary files /dev/null and b/apps/frontend/src/public/news/article/modrinth-hosting-in-app/thumbnail.webp differ diff --git a/apps/frontend/src/public/news/feed/articles.json b/apps/frontend/src/public/news/feed/articles.json index c7d540b1e..9ac3648b0 100644 --- a/apps/frontend/src/public/news/feed/articles.json +++ b/apps/frontend/src/public/news/feed/articles.json @@ -1,5 +1,12 @@ { "articles": [ + { + "title": "Modrinth Hosting in the App", + "summary": "Buy, setup, and manage your server all in our app.", + "thumbnail": "https://modrinth.com/news/article/modrinth-hosting-in-app/thumbnail.webp", + "date": "2026-04-12T21:30:00.000Z", + "link": "https://modrinth.com/news/article/modrinth-hosting-in-app" + }, { "title": "Content Management Overhaul", "summary": "Overhauled content management for both Modrinth Hosting servers and Modrinth App instances.", diff --git a/apps/frontend/src/public/news/feed/rss.xml b/apps/frontend/src/public/news/feed/rss.xml index 85094afdd..b75fc01a3 100644 --- a/apps/frontend/src/public/news/feed/rss.xml +++ b/apps/frontend/src/public/news/feed/rss.xml @@ -4,15 +4,23 @@ https://modrinth.com/news/ @modrinth/blog - Thu, 12 Mar 2026 19:49:29 GMT + Sun, 12 Apr 2026 01:31:22 GMT + + <![CDATA[Modrinth Hosting in the App]]> + + https://modrinth.com/news/article/modrinth-hosting-in-app/ + https://modrinth.com/news/article/modrinth-hosting-in-app/ + Sun, 12 Apr 2026 21:30:00 GMT + <![CDATA[<p>This update brings <a href="/hosting" rel="noopener nofollow ugc">Modrinth Hosting</a> into <a href="/app" rel="noopener nofollow ugc">Modrinth App</a> and is a big step towards our vision for both products. You can now purchase a server, set it up, play without bouncing between the website and the app!</p><p>This release also includes a redesigned server console which has been brought over to the logs page in instances.</p><h3>Tl;dr</h3><ul><li>Modrinth Hosting in the app</li><li>New Modrinth Hosting page and server card states</li><li>New server purchase flow</li><li>New server resubscribe flow</li><li>Overhauled server settings</li><li>New server console and instance logs page</li></ul><h2>Modrinth Hosting Page</h2><p>The Modrinth Hosting page has gotten a fresh coat of paint, with new server card states like server provisioning and upcoming cancellation.</p><p><img src="/news/article/modrinth-hosting-in-app/server-list.webp" alt="A screenshot of the Modrinth Hosting tab in the app, showing the user's servers"></p><h2>Server Purchase Flow</h2><p>Along with managing your server in the app, we also wanted purchasing to happen here. You can select a plan, enter your payment details, and purchase a server without going to the website.</p><p>This includes a new plan selection screen at the start with sign-in checks, which will also be used when upgrading your server.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./purchase-demo.mp4" type="video/mp4"></video></div><h2>Server Console + Instance Logs</h2><p>The server console also got full overhaul because it honestly sucked. We’ve reimplemented it and brought the same experience over to the logs page in instances. Some of these features existed in one place or the other, but now they’re consistent across both.</p><ul><li>Filtering</li><li>Text wrapping</li><li>Per-character text copying</li><li>Better warning and error highlighting</li><li>Crash detection</li><li>Controls in the expanded view</li></ul><p><img src="/news/article/modrinth-hosting-in-app/instance-logs.webp" alt="A screenshot of an instance's logs page, showing a few detected errors from the selected log file"></p><h2>Server Settings</h2><p>Lastly, we overhauled the server settings pages. In the app we have to be careful with navigation depth, so settings now live in a modal similar to instance settings. This makes it easier to edit things in context, like settings for a linked modpack.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./settings-demo.mp4" type="video/mp4"></video></div><p>Along with this, most pages got a visual refresh and some settings have been reorganized. We wanted to simplify things for the average user, so advanced options now live on their own page.</p><p>The properties page also got a big overhaul. We’ve split out many of the more complex <code>server.properties</code> options and kept this page focused on what most users actually use. You can still edit everything directly in the file!</p><p><img src="/news/article/modrinth-hosting-in-app/server-settings.webp" alt="A screenshot of the new server settings pop-up"></p><p>—</p><p>That’s everything from us! Have a good weekend!</p>]]> + <![CDATA[Content Management Overhaul]]> - + https://modrinth.com/news/article/content-management-overhaul/ https://modrinth.com/news/article/content-management-overhaul/ - Thu, 12 Mar 2026 21:30:00 GMT + Tue, 17 Mar 2026 20:15:00 GMT <![CDATA[<p>Today we’re shipping a big update to Modrinth Hosting. We’ve completely overhauled server onboarding and content management.</p><p>All these improvements have also made their way to instances in the app so both experiences will stay the same moving forward.</p><h2>TL;DR</h2><ul><li>New server onboarding and instance creation in the app</li><li>Completely redesigned content tab with bulk actions, filtering, and sorting</li><li>Modpack content is now visually separated</li><li>Improved content installation (better dependency and client-side mod handling)</li><li>New server reset flow</li><li>Installation settings from app instances are now on servers</li></ul><h2>Design Goals</h2><p>Servers are very similar to a single instance in the app when it comes to installing and managing content. The content tab on Modrinth Hosting was much more primitive than instances which made it harder to keep features consistent.</p><p>Our goal was to bring those two experiences together.</p><p>We took everything we learned from working on instances, looked at what was missing, and rebuilt it from the ground up so the same implementation can power both.</p><p>Because of that, many of the features in this post are new to Modrinth Hosting but already familiar to app users. Modrinth App instances also picked up a few upgrades along the way, so you will see some improvements there too.</p><h2>Server Onboarding</h2><p>Simplifying server setup is one of the main goals for Modrinth Hosting. We want setting up a modded server for a group of friends to be simple and just work.</p><p>Once your server is ready you’re greeted with a short onboarding screen that explains what comes next. Clicking setup server opens a guided setup flow that walks you through choosing your content and configuring your world.</p><p><img src="/news/article/content-management-overhaul/server-onboarding.webp" alt="A screenshot of the new server onboarding screen. It reads, &quot;Welcome to Modrinth. Your server is ready. Here's what you need to do to start playing!&quot; followed by an estimate that it will take about 2 minutes to set up. It lists three steps: 1) Choose what you want to play. 2) Configure your world. And 3) Invite your friends. At the bottom is a &quot;Setup server&quot; button for you to proceed to setup."></p><p>You can set up your server in three ways:</p><ul><li><strong>Modpack base:</strong> start from your favorite modpack.</li><li><strong>Custom setup:</strong> choose a loader and game version then install individual mods or plugins.</li><li><strong>Vanilla Minecraft:</strong> classic vanilla with optional datapacks.</li></ul><p>After choosing an option you complete a final screen to creating a singleplayer world in Minecraft. Here you can configure a few <code>server.properties</code> settings before the world is generated when the server starts.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./server-onboarding-demo.mp4" type="video/mp4"></video></div><p>Servers also have a much nicer reset flow in your options. You can reset the server at any time and re-enter onboarding to choose new content or generate a fresh world.</p><h2>Content Tab</h2><p>Along with the new onboarding flow comes a redesigned content tab.</p><p>The entire page has been refreshed to better match Modrinth’s current design language. Alongside the visual update we also shipped several functional improvements for servers:</p><ul><li>Installed projects are now listed in a table and support bulk actions</li><li>More filtering options on projects</li><li>Installing content should work more reliably<ul><li>Dependencies now resolve multiple layers deep (for example a mod that depends on another mod which depends on something else)</li><li>We are experimenting with better handling for client-side mods. For modpacks we install client-side mods and let the loader disable them. We also maintain our own small naughty list that we pre-disable to handle some edge cases</li></ul></li></ul><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./content-tab-demo.mp4" type="video/mp4"></video></div><h3>Servers + App Improvements</h3><p>This overhaul also brought several improvements to instances.</p><p>Content installed through a modpack is now visually separated. The linked modpack appears as its own card with a modal where you can view and disable its content. This sets us up for a future where updating a modpack won’t remove any mods you add on top.</p><p><img src="/news/article/content-management-overhaul/content-tab-modpack.webp" alt="A screenshot of the new overhauled content tab, with a card at the top for the currently installed modpack. It has information about the modpack such as download count, follower count, and tags, and has a button for viewing the content included in the modpack."></p><p>A few other upgrades:</p><ul><li>New update project modal where you can read changelogs and choose the version to install</li><li>Project sorting (alphabetical and date added)</li><li>The table now uses infinite scroll instead of pagination so bulk actions work better</li><li>New sticky bulk action bar so actions stay visible while scrolling</li><li>Installing new content no longer causes the list to jump around</li></ul><p><img src="/news/article/content-management-overhaul/switch-modpack-version.webp" alt="A screenshot of a new pop-out interface for switching a modpack version, featuring a column on the left of versions, a preview of the changelog of the selected version on the right, and warnings about potential compatibility issues with changing the modpack version."></p><h2>Installation Settings</h2><p>Additionally, we brought the installation settings from instances over to servers. The available options vary slightly depending on how your server is set up.</p><h3>Modpack</h3><ul><li>Installation cannot be edited</li><li>Unlink modpack<ul><li>Unlinking permanently disconnects this server from the modpack project, allowing you to change the loader and Minecraft version, but you won't receive future updates.</li></ul></li><li>Reinstall modpack<ul><li>Re-installing the modpack resets the server's content to its original state, removing any mods or content you have added.</li></ul></li></ul><h3>Custom</h3><ul><li>Switch between vanilla and modded</li><li>Change game version</li></ul><h3>Both</h3><ul><li>Repair installation<ul><li>Reinstalls the loader and Minecraft dependencies without deleting your content. This may resolve issues if your server is not starting correctly.</li></ul></li></ul><p><img src="/news/article/content-management-overhaul/installation-settings.webp" alt="A screenshot of the updated &quot;Platform&quot; tab in the Modrinth Hosting panel options, allowing you to edit the modpack you have installed, unlink your server from the modpack, re-install, repair, or reset your server."></p><p>—</p><p>That’s everything from us! Thank you for choosing Modrinth Hosting.</p>]]> diff --git a/packages/blog/articles/modrinth-hosting-in-app.md b/packages/blog/articles/modrinth-hosting-in-app.md new file mode 100644 index 000000000..000ed04fe --- /dev/null +++ b/packages/blog/articles/modrinth-hosting-in-app.md @@ -0,0 +1,70 @@ +--- +title: Modrinth Hosting in the App +summary: Buy, setup, and manage your server all in our app. +date: 2026-04-12T13:30:00-08:00 +authors: ['AJfd8YH6', 'bOHH0P9Z', '6EjnV9Uf', 'LnK8MbX7'] +--- + +This update brings [Modrinth Hosting](/hosting) into [Modrinth App](/app) and is a big step towards our vision for both products. You can now purchase a server, set it up, play without bouncing between the website and the app! + +This release also includes a redesigned server console which has been brought over to the logs page in instances. + +### Tl;dr + +- Modrinth Hosting in the app +- New Modrinth Hosting page and server card states +- New server purchase flow +- New server resubscribe flow +- Overhauled server settings +- New server console and instance logs page + +## Modrinth Hosting Page + +The Modrinth Hosting page has gotten a fresh coat of paint, with new server card states like server provisioning and upcoming cancellation. + +![A screenshot of the Modrinth Hosting tab in the app, showing the user's servers](./server-list.webp) + +## Server Purchase Flow + +Along with managing your server in the app, we also wanted purchasing to happen here. You can select a plan, enter your payment details, and purchase a server without going to the website. + +This includes a new plan selection screen at the start with sign-in checks, which will also be used when upgrading your server. + +
+ +
+ +## Server Console + Instance Logs + +The server console also got full overhaul because it honestly sucked. We’ve reimplemented it and brought the same experience over to the logs page in instances. Some of these features existed in one place or the other, but now they’re consistent across both. + +- Filtering +- Text wrapping +- Per-character text copying +- Better warning and error highlighting +- Crash detection +- Controls in the expanded view + +![A screenshot of an instance's logs page, showing a few detected errors from the selected log file](./instance-logs.webp) + +## Server Settings + +Lastly, we overhauled the server settings pages. In the app we have to be careful with navigation depth, so settings now live in a modal similar to instance settings. This makes it easier to edit things in context, like settings for a linked modpack. + +
+ +
+ +Along with this, most pages got a visual refresh and some settings have been reorganized. We wanted to simplify things for the average user, so advanced options now live on their own page. + +The properties page also got a big overhaul. We’ve split out many of the more complex `server.properties` options and kept this page focused on what most users actually use. You can still edit everything directly in the file! + +![A screenshot of the new server settings pop-up](./server-settings.webp) + +— + +That’s everything from us! Have a good weekend! diff --git a/packages/blog/compiled/index.ts b/packages/blog/compiled/index.ts index 87500a717..94c4a909d 100644 --- a/packages/blog/compiled/index.ts +++ b/packages/blog/compiled/index.ts @@ -19,6 +19,7 @@ import { article as modpack_changes } from "./modpack_changes"; import { article as modpacks_alpha } from "./modpacks_alpha"; import { article as modrinth_app_beta } from "./modrinth_app_beta"; import { article as modrinth_beta } from "./modrinth_beta"; +import { article as modrinth_hosting_in_app } from "./modrinth_hosting_in_app"; import { article as modrinth_servers_asia } from "./modrinth_servers_asia"; import { article as modrinth_servers_beta } from "./modrinth_servers_beta"; import { article as new_environments } from "./new_environments"; @@ -57,6 +58,7 @@ export const articles = [ modpacks_alpha, modrinth_app_beta, modrinth_beta, + modrinth_hosting_in_app, modrinth_servers_asia, modrinth_servers_beta, new_environments, diff --git a/packages/blog/compiled/modrinth_hosting_in_app.content.ts b/packages/blog/compiled/modrinth_hosting_in_app.content.ts new file mode 100644 index 000000000..e084e0f38 --- /dev/null +++ b/packages/blog/compiled/modrinth_hosting_in_app.content.ts @@ -0,0 +1,2 @@ +// AUTO-GENERATED FILE - DO NOT EDIT +export const html = `

This update brings Modrinth Hosting into Modrinth App and is a big step towards our vision for both products. You can now purchase a server, set it up, play without bouncing between the website and the app!

This release also includes a redesigned server console which has been brought over to the logs page in instances.

Tl;dr

Modrinth Hosting Page

The Modrinth Hosting page has gotten a fresh coat of paint, with new server card states like server provisioning and upcoming cancellation.

A screenshot of the Modrinth Hosting tab in the app, showing the user's servers

Server Purchase Flow

Along with managing your server in the app, we also wanted purchasing to happen here. You can select a plan, enter your payment details, and purchase a server without going to the website.

This includes a new plan selection screen at the start with sign-in checks, which will also be used when upgrading your server.

Server Console + Instance Logs

The server console also got full overhaul because it honestly sucked. We’ve reimplemented it and brought the same experience over to the logs page in instances. Some of these features existed in one place or the other, but now they’re consistent across both.

A screenshot of an instance's logs page, showing a few detected errors from the selected log file

Server Settings

Lastly, we overhauled the server settings pages. In the app we have to be careful with navigation depth, so settings now live in a modal similar to instance settings. This makes it easier to edit things in context, like settings for a linked modpack.

Along with this, most pages got a visual refresh and some settings have been reorganized. We wanted to simplify things for the average user, so advanced options now live on their own page.

The properties page also got a big overhaul. We’ve split out many of the more complex server.properties options and kept this page focused on what most users actually use. You can still edit everything directly in the file!

A screenshot of the new server settings pop-up

That’s everything from us! Have a good weekend!

`; diff --git a/packages/blog/compiled/modrinth_hosting_in_app.ts b/packages/blog/compiled/modrinth_hosting_in_app.ts new file mode 100644 index 000000000..a22d1cdb9 --- /dev/null +++ b/packages/blog/compiled/modrinth_hosting_in_app.ts @@ -0,0 +1,12 @@ +// AUTO-GENERATED FILE - DO NOT EDIT +export const article = { + html: () => import(`./modrinth_hosting_in_app.content`).then(m => m.html), + title: "Modrinth Hosting in the App", + summary: "Buy, setup, and manage your server all in our app.", + date: "2026-04-12T21:30:00.000Z", + slug: "modrinth-hosting-in-app", + authors: ["AJfd8YH6","bOHH0P9Z","6EjnV9Uf","LnK8MbX7"], + unlisted: false, + thumbnail: true, + +}; diff --git a/packages/blog/public/modrinth-hosting-in-app/instance-logs.webp b/packages/blog/public/modrinth-hosting-in-app/instance-logs.webp new file mode 100644 index 000000000..0cc7ba131 Binary files /dev/null and b/packages/blog/public/modrinth-hosting-in-app/instance-logs.webp differ diff --git a/packages/blog/public/modrinth-hosting-in-app/purchase-demo.mp4 b/packages/blog/public/modrinth-hosting-in-app/purchase-demo.mp4 new file mode 100644 index 000000000..b4a6f3ab7 Binary files /dev/null and b/packages/blog/public/modrinth-hosting-in-app/purchase-demo.mp4 differ diff --git a/packages/blog/public/modrinth-hosting-in-app/server-list.webp b/packages/blog/public/modrinth-hosting-in-app/server-list.webp new file mode 100644 index 000000000..9f86dc096 Binary files /dev/null and b/packages/blog/public/modrinth-hosting-in-app/server-list.webp differ diff --git a/packages/blog/public/modrinth-hosting-in-app/server-settings.webp b/packages/blog/public/modrinth-hosting-in-app/server-settings.webp new file mode 100644 index 000000000..56bb6a3d3 Binary files /dev/null and b/packages/blog/public/modrinth-hosting-in-app/server-settings.webp differ diff --git a/packages/blog/public/modrinth-hosting-in-app/settings-demo.mp4 b/packages/blog/public/modrinth-hosting-in-app/settings-demo.mp4 new file mode 100644 index 000000000..a3f72f88d Binary files /dev/null and b/packages/blog/public/modrinth-hosting-in-app/settings-demo.mp4 differ diff --git a/packages/blog/public/modrinth-hosting-in-app/thumbnail.webp b/packages/blog/public/modrinth-hosting-in-app/thumbnail.webp new file mode 100644 index 000000000..cfb0f4a81 Binary files /dev/null and b/packages/blog/public/modrinth-hosting-in-app/thumbnail.webp differ