Modrinth Hosting rebrand (#4846)

* Modrinth Hosting rebranding

* fix capitalization issue

* fix issues

apps/frontend/src/pages/[type]/[id].vue

@@ -418,7 +418,7 @@
 					</AutomaticAccordion>
 					<ServersPromo
 						v-if="flags.showProjectPageDownloadModalServersPromo"
-						:link="`/servers#plan`"
+						:link="`/hosting#plan`"
 						@close="
 							() => {
 								flags.showProjectPageDownloadModalServersPromo = false
@@ -485,7 +485,7 @@
 							<ButtonStyled size="large" circular>
 								<nuxt-link
 									v-tooltip="formatMessage(messages.createServerTooltip)"
-									:to="`/servers?project=${project.id}#plan`"
+									:to="`/hosting?project=${project.id}#plan`"
 									@click="
 										() => {
 											flags.showProjectPageCreateServersTooltip = false
@@ -1314,7 +1314,7 @@ const messages = defineMessages({
 	},
 	serversPromoDescription: {
 		id: 'project.actions.servers-promo.description',
-		defaultMessage: 'Modrinth Servers is the easiest way to play with your friends without hassle!',
+		defaultMessage: 'Modrinth Hosting is the easiest way to play with your friends without hassle!',
 	},
 	serversPromoPricing: {
 		id: 'project.actions.servers-promo.pricing',

apps/frontend/src/pages/admin/billing/[id].vue

@@ -182,7 +182,7 @@
 							"
 						>
 							<nuxt-link
-								:to="`/servers/manage/${subscription.metadata.id}`"
+								:to="`/hosting/manage/${subscription.metadata.id}`"
 								target="_blank"
 								class="w-fit"
 							>

apps/frontend/src/pages/admin/servers/notices.vue

@@ -122,7 +122,7 @@
 		<div
 			class="mb-6 flex items-end justify-between border-0 border-b border-solid border-divider pb-4"
 		>
-			<h1 class="m-0 text-2xl">Servers notices</h1>
+			<h1 class="m-0 text-2xl">Server notices</h1>
 			<ButtonStyled color="brand">
 				<button @click="openNewNoticeModal">
 					<PlusIcon />

apps/frontend/src/pages/hosting/index.vue

@@ -18,7 +18,7 @@
 			:customer="customer"
 			:payment-methods="paymentMethods"
 			:currency="selectedCurrency"
-			:return-url="`${config.public.siteUrl}/servers/manage`"
+			:return-url="`${config.public.siteUrl}/hosting/manage`"
 			:server-name="`${auth?.user?.username}'s server`"
 			:out-of-stock-url="outOfStockUrl"
 			:fetch-capacity-statuses="fetchCapacityStatuses"
@@ -40,13 +40,13 @@
 						{{ formatMessage(commonMessages.betaRelease) }}
 					</div>
 					<h1 class="relative m-0 max-w-3xl text-3xl font-bold !leading-[110%] md:text-6xl">
-						Host your next server with Modrinth Servers
+						Host your next server with Modrinth Hosting
 					</h1>
 				</div>
 				<h2
 					class="relative m-0 max-w-2xl text-base font-normal leading-[155%] text-secondary md:text-[1.2rem]"
 				>
-					Modrinth Servers is the easiest way to host your own Minecraft: Java Edition server.
+					Modrinth Hosting is the easiest way to host your own Minecraft: Java Edition server.
 					Seamlessly install and play your favorite mods and modpacks, all within the Modrinth
 					platform.
 				</h2>
@@ -61,7 +61,7 @@
 							</nuxt-link>
 						</ButtonStyled>
 						<ButtonStyled v-if="hasServers" type="outlined" size="large">
-							<nuxt-link class="w-fit" to="/servers/manage">
+							<nuxt-link class="w-fit" to="/hosting/manage">
 								<BoxIcon aria-hidden="true" /> Manage your servers
 							</nuxt-link>
 						</ButtonStyled>
@@ -110,7 +110,7 @@
 				<div
 					class="relative w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
 				>
-					Why Modrinth Servers?
+					Why Modrinth Hosting?
 				</div>
 				<h1 class="relative m-0 max-w-2xl text-4xl leading-[120%] md:text-7xl">
 					Find a modpack. Now it's a server.
@@ -148,7 +148,7 @@
 						</svg>
 						<h2 class="m-0 text-lg font-bold">Play where your mods are</h2>
 						<h3 class="m-0 text-base font-normal text-secondary">
-							Modrinth Servers seamlessly integrates the mod and modpack installation process into
+							Modrinth Hosting seamlessly integrates the mod and modpack installation process into
 							your server.
 						</h3>
 					</div>
@@ -213,7 +213,7 @@
 						</svg>
 						<h2 class="m-0 text-lg font-bold">Experience modern, reliable hosting</h2>
 						<h3 class="m-0 text-base font-normal text-secondary">
-							Modrinth Servers are hosted on
+							Modrinth Hosting servers are hosted on
 							<span class="text-contrast">high-performance AMD CPUs with DDR5 RAM</span>, running on
 							custom-built software to ensure your server performs smoothly.
 						</h3>
@@ -341,7 +341,7 @@
 							A powerful console, server properties manager, and more
 						</h2>
 						<h3 class="m-0 text-base font-normal text-secondary">
-							Modrinth Servers come with powerful tools to manage your server.
+							Modrinth Hosting comes with powerful tools to manage your server.
 						</h3>
 					</div>
 					<div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12">
@@ -378,7 +378,7 @@
 						<TransferIcon class="size-8 text-brand" />
 						<h2 class="m-0 text-lg font-bold">SFTP access</h2>
 						<h3 class="m-0 text-base font-normal text-secondary">
-							Access your server files directly with SFTP built into Modrinth Servers.
+							Access your server's files directly with SFTP built into Modrinth Hosting.
 						</h3>
 					</div>
 					<div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12">
@@ -398,11 +398,11 @@
 								<span class="mr-2 transition-transform duration-200 group-open:rotate-90">
 									<RightArrowIcon />
 								</span>
-								What kind of CPUs do Modrinth Servers run on?
+								What kind of CPUs do Modrinth Hosting servers run on?
 							</summary>
 							<p class="m-0 ml-6 leading-[160%]">
-								Modrinth Servers are powered by AMD Ryzen 7900 and 7950X3D equivalent CPUs at 5+
-								GHz, paired with DDR5 memory.
+								Modrinth Hosting servers are powered by AMD Ryzen 7900 and 7950X3D equivalent CPUs
+								at 5+ GHz, paired with DDR5 memory.
 							</p>
 						</details>
 						<details nav-hash="cpu-burst" class="group" :open="$route.hash === '#cpu-burst'">
@@ -426,11 +426,11 @@
 								<span class="mr-2 transition-transform duration-200 group-open:rotate-90">
 									<RightArrowIcon />
 								</span>
-								Do Modrinth Servers have DDoS protection?
+								Do Modrinth Hosting servers have DDoS protection?
 							</summary>
 							<p class="m-0 ml-6 leading-[160%]">
-								Yes. All Modrinth Servers come with DDoS protection, with up to 17Tbps capacity in
-								some locations.
+								Yes. All Modrinth Hosting servers come with DDoS protection, with up to 17Tbps
+								capacity in some locations.
 							</p>
 						</details>
 
@@ -439,7 +439,7 @@
 								<span class="mr-2 transition-transform duration-200 group-open:rotate-90">
 									<RightArrowIcon />
 								</span>
-								Where are Modrinth Servers located? Can I choose a region?
+								Where are Modrinth Hosting servers located? Can I choose a region?
 							</summary>
 							<p class="m-0 ml-6 leading-[160%]">
 								We have servers available in North America, Europe, and Southeast Asia at the moment
@@ -466,13 +466,13 @@
 								<span class="mr-2 transition-transform duration-200 group-open:rotate-90">
 									<RightArrowIcon />
 								</span>
-								How fast are Modrinth Servers?
+								How fast are Modrinth Hosting servers?
 							</summary>
 							<p class="m-0 ml-6 leading-[160%]">
-								Modrinth Servers are hosted on very modern high-performance hardware, but it's tough
-								to say how exactly that will translate into how fast your server will run because
-								there are so many factors that affect it, such as the mods, data packs, or plugins
-								you're running on your server, and even user behavior.
+								Modrinth Hosting servers are hosted on very modern high-performance hardware, but
+								it's tough to say how exactly that will translate into how fast your server will run
+								because there are so many factors that affect it, such as the mods, data packs, or
+								plugins you're running on your server, and even user behavior.
 							</p>
 							<p class="mb-0 ml-6 mt-3 leading-[160%]">
 								Most performance issues that arise tend to be the fault of an unoptimized modpack,
@@ -502,8 +502,8 @@
 								What Minecraft versions and loaders can be used?
 							</summary>
 							<p class="m-0 ml-6 leading-[160%]">
-								Modrinth Servers can run any version of Minecraft: Java Edition going all the way
-								back to version 1.2.5, including snapshot versions.
+								Modrinth Hosting servers can run any version of Minecraft: Java Edition going all
+								the way back to version 1.2.5, including snapshot versions.
 							</p>
 							<p class="m-0 ml-6 mt-3 leading-[160%]">
 								We also support a wide range of mod and plugin loaders, including Fabric, Quilt,
@@ -705,7 +705,7 @@ const lowestPrice = computed(() => {
 	return amount ? amount / monthsInInterval[billingPeriod.value] : undefined
 })
 
-const title = 'Modrinth Servers'
+const title = 'Modrinth Hosting'
 const description =
 	'Start your own Minecraft server directly on Modrinth. Play your favorite mods, plugins, and datapacks — without the hassle of setup.'
 

apps/frontend/src/pages/hosting/manage/[id].vue

@@ -116,7 +116,7 @@
 		}"
 	>
 		<div>
-			<NuxtLink to="/servers/manage" class="breadcrumb goto-link flex w-fit items-center">
+			<NuxtLink to="/hosting/manage" class="breadcrumb goto-link flex w-fit items-center">
 				<LeftArrowIcon />
 				All servers
 			</NuxtLink>
@@ -231,7 +231,7 @@
 									<ul class="m-0 mt-4 p-0 pl-4">
 										<li>
 											If this version of Minecraft was released recently, please check if Modrinth
-											Servers supports it.
+											Hosting supports it.
 										</li>
 										<li>
 											If you've installed a modpack, it may have been packaged incorrectly or may
@@ -261,7 +261,7 @@
 								<div
 									v-if="errorMessage.toLocaleLowerCase() === 'this version is not yet supported'"
 								>
-									An error occurred while installing your server because Modrinth Servers does not
+									An error occurred while installing your server because Modrinth Hosting does not
 									support the version of Minecraft or the loader you specified. Try reinstalling
 									your server with a different version or loader, and if the problem persists,
 									please contact Modrinth Support with your server's debug information.
@@ -284,7 +284,7 @@
 									<ButtonStyled color="red" type="standard">
 										<NuxtLink
 											class="whitespace-pre"
-											:to="`/servers/manage/${serverId}/options/loader`"
+											:to="`/hosting/manage/${serverId}/options/loader`"
 										>
 											<RightArrowIcon />
 											Change Loader
@@ -501,17 +501,17 @@ const showGameLabel = computed(() => !!serverData.value?.game)
 const showLoaderLabel = computed(() => !!serverData.value?.loader)
 
 const navLinks = [
-	{ label: 'Overview', href: `/servers/manage/${serverId}`, subpages: [] },
+	{ label: 'Overview', href: `/hosting/manage/${serverId}`, subpages: [] },
 	{
 		label: 'Content',
-		href: `/servers/manage/${serverId}/content`,
+		href: `/hosting/manage/${serverId}/content`,
 		subpages: ['mods', 'datapacks'],
 	},
-	{ label: 'Files', href: `/servers/manage/${serverId}/files`, subpages: [] },
-	{ label: 'Backups', href: `/servers/manage/${serverId}/backups`, subpages: [] },
+	{ label: 'Files', href: `/hosting/manage/${serverId}/files`, subpages: [] },
+	{ label: 'Backups', href: `/hosting/manage/${serverId}/backups`, subpages: [] },
 	{
 		label: 'Options',
-		href: `/servers/manage/${serverId}/options`,
+		href: `/hosting/manage/${serverId}/options`,
 		subpages: ['startup', 'network', 'properties', 'info'],
 	},
 ]
@@ -1117,7 +1117,7 @@ const suspendedAction = computed(() => ({
 
 const generalErrorAction = computed(() => ({
 	label: 'Go back to all servers',
-	onClick: () => router.push('/servers/manage'),
+	onClick: () => router.push('/hosting/manage'),
 	color: 'brand' as const,
 }))
 
@@ -1139,7 +1139,7 @@ const copyServerDebugInfo = () => {
 
 const openInstallLog = () => {
 	router.replace({
-		path: `/servers/manage/${serverId}/files`,
+		path: `/hosting/manage/${serverId}/files`,
 		query: { ...route.query, editing: errorLogFile.value },
 	})
 }

apps/frontend/src/pages/hosting/manage/[id]/content/index.vue

@@ -327,7 +327,7 @@
 						</ButtonStyled>
 						<div>or</div>
 						<ButtonStyled class="mt-8">
-							<NuxtLink :to="`/servers/manage/${props.server.serverId}/options/loader`">
+							<NuxtLink :to="`/hosting/manage/${props.server.serverId}/options/loader`">
 								<WrenchIcon />
 								Change platform
 							</NuxtLink>

apps/frontend/src/pages/hosting/manage/[id]/options.vue

@@ -22,7 +22,7 @@ import { isAdmin as isUserAdmin, type User } from '@modrinth/utils'
 
 import ServerSidebar from '~/components/ui/servers/ServerSidebar.vue'
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
-import type { BackupInProgressReason } from '~/pages/servers/manage/[id].vue'
+import type { BackupInProgressReason } from '~/pages/hosting/manage/[id].vue'
 
 const route = useRoute()
 const serverId = route.params.id as string
@@ -42,15 +42,15 @@ const isOwner = computed(() => (auth.value?.user as User | null)?.id === ownerId
 const isAdmin = computed(() => isUserAdmin(auth.value?.user))
 
 const navLinks = computed(() => [
-	{ icon: SettingsIcon, label: 'General', href: `/servers/manage/${serverId}/options` },
-	{ icon: WrenchIcon, label: 'Platform', href: `/servers/manage/${serverId}/options/loader` },
-	{ icon: TextQuoteIcon, label: 'Startup', href: `/servers/manage/${serverId}/options/startup` },
-	{ icon: VersionIcon, label: 'Network', href: `/servers/manage/${serverId}/options/network` },
-	{ icon: ListIcon, label: 'Properties', href: `/servers/manage/${serverId}/options/properties` },
+	{ icon: SettingsIcon, label: 'General', href: `/hosting/manage/${serverId}/options` },
+	{ icon: WrenchIcon, label: 'Platform', href: `/hosting/manage/${serverId}/options/loader` },
+	{ icon: TextQuoteIcon, label: 'Startup', href: `/hosting/manage/${serverId}/options/startup` },
+	{ icon: VersionIcon, label: 'Network', href: `/hosting/manage/${serverId}/options/network` },
+	{ icon: ListIcon, label: 'Properties', href: `/hosting/manage/${serverId}/options/properties` },
 	{
 		icon: UserIcon,
 		label: 'Preferences',
-		href: `/servers/manage/${serverId}/options/preferences`,
+		href: `/hosting/manage/${serverId}/options/preferences`,
 	},
 	{
 		icon: CardIcon,
@@ -66,6 +66,6 @@ const navLinks = computed(() => [
 		external: true,
 		shown: isAdmin.value,
 	},
-	{ icon: InfoIcon, label: 'Info', href: `/servers/manage/${serverId}/options/info` },
+	{ icon: InfoIcon, label: 'Info', href: `/hosting/manage/${serverId}/options/info` },
 ])
 </script>

apps/frontend/src/pages/hosting/manage/[id]/options/loader.vue

@@ -9,7 +9,7 @@
 <script setup lang="ts">
 import ServerInstallation from '~/components/ui/servers/ServerInstallation.vue'
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
-import type { BackupInProgressReason } from '~/pages/servers/manage/[id].vue'
+import type { BackupInProgressReason } from '~/pages/hosting/manage/[id].vue'
 
 const props = defineProps<{
 	server: ModrinthServer

apps/frontend/src/pages/news/changelog/index.vue

@@ -6,13 +6,19 @@ import { getChangelog, type Product } from '@modrinth/utils'
 import NavTabs from '~/components/ui/NavTabs.vue'
 
 const route = useRoute()
+const router = useRouter()
 
 const filter = ref<Product | undefined>(undefined)
 const allChangelogEntries = ref(getChangelog())
 
 function updateFilter() {
 	if (route.query.filter) {
-		filter.value = route.query.filter as Product
+		let value = route.query.filter
+		if (route.query.filter === 'servers') {
+			router.push({ query: { ...route.query, filter: 'hosting' } })
+			value = 'hosting'
+		}
+		filter.value = value as Product
 	} else {
 		filter.value = undefined
 	}
@@ -42,8 +48,8 @@ const changelogEntries = computed(() =>
 				href: 'web',
 			},
 			{
-				label: 'Servers',
-				href: 'servers',
+				label: 'Hosting',
+				href: 'hosting',
 			},
 			{
 				label: 'App',

apps/frontend/src/pages/search/[searchProjectType].vue

@@ -15,7 +15,7 @@
 					class="flex flex-wrap items-center justify-between gap-3 border-0 border-b border-solid border-divider pb-4"
 				>
 					<nuxt-link
-						:to="`/servers/manage/${server.serverId}/content`"
+						:to="`/hosting/manage/${server.serverId}/content`"
 						tabindex="-1"
 						class="flex flex-col gap-4 text-primary"
 					>
@@ -40,7 +40,7 @@
 						</span>
 					</nuxt-link>
 					<ButtonStyled>
-						<nuxt-link :to="`/servers/manage/${server.serverId}/content`">
+						<nuxt-link :to="`/hosting/manage/${server.serverId}/content`">
 							<LeftArrowIcon />
 							Back to server
 						</nuxt-link>
@@ -537,7 +537,7 @@ async function serverInstall(project) {
 				eraseDataOnInstall.value,
 			)
 			project.installed = true
-			navigateTo(`/servers/manage/${server.value.serverId}/options/loader`)
+			navigateTo(`/hosting/manage/${server.value.serverId}/options/loader`)
 		} else if (projectType.value.id === 'mod') {
 			await server.value.content.install('mod', version.project_id, version.id)
 			await server.value.refresh(['content'])

apps/frontend/src/pages/settings/billing/charges.vue

@@ -17,7 +17,7 @@
 						<span class="font-bold text-primary">
 							<template v-if="charge.product?.metadata?.type === 'midas'"> Modrinth Plus </template>
 							<template v-else-if="charge.product?.metadata?.type === 'pyro'">
-								Modrinth Servers
+								Modrinth Hosting
 							</template>
 							<template v-else> Medal Server Trial </template>
 							<template v-if="charge.subscription_interval">