diff --git a/packages/editor-ui/src/features/projects/projects-constants.ts b/packages/editor-ui/src/features/projects/projects-constants.ts
index c36174e30e15d..16cbbd56139a5 100644
--- a/packages/editor-ui/src/features/projects/projects-constants.ts
+++ b/packages/editor-ui/src/features/projects/projects-constants.ts
@@ -1,3 +1,5 @@
+import { getPathAsRegexPattern } from '@/utils/routeUtils';
+
 export const projectsBaseRoute = '/projects';
 export const projectsRoute = `${projectsBaseRoute}/:projectId`;
 
@@ -11,3 +13,5 @@ export const oldRoutesToRedirectToProjects = [
 	'/workflow/:workflowId/history/:versionId?',
 	'/workflows/templates/:id',
 ];
+
+export const oldRoutesAsRegExps = oldRoutesToRedirectToProjects.map(getPathAsRegexPattern);
diff --git a/packages/editor-ui/src/features/projects/projects-routes.ts b/packages/editor-ui/src/features/projects/projects-routes.ts
index 2ce0684ea66d6..afe40a61cfb3a 100644
--- a/packages/editor-ui/src/features/projects/projects-routes.ts
+++ b/packages/editor-ui/src/features/projects/projects-routes.ts
@@ -1,9 +1,9 @@
-import type { RouteRecordRaw } from 'vue-router';
+import type { NavigationGuardNext, RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
 import { EnterpriseEditionFeature, VIEWS } from '@/constants';
 import {
 	projectsBaseRoute,
 	projectsRoute,
-	oldRoutesToRedirectToProjects,
+	oldRoutesAsRegExps,
 } from '@/features/projects/projects-constants';
 import { getTemplatesRedirect } from '@/utils/routeUtils';
 
@@ -19,11 +19,11 @@ const ExecutionsLandingPage = async () =>
 const ExecutionPreview = async () =>
 	await import('@/components/ExecutionsView/ExecutionPreview.vue');
 const WorkflowHistory = async () => await import('@/views/WorkflowHistory.vue');
-const Projects = async () => await import('@/features/projects/views/Projects.vue');
 
 export const projectsRoutes: Readonly<RouteRecordRaw[]> = [
 	{
 		path: projectsRoute,
+		name: VIEWS.PROJECTS,
 		meta: {
 			middleware: ['authenticated'],
 		},
@@ -175,17 +175,24 @@ export const projectsRoutes: Readonly<RouteRecordRaw[]> = [
 			},
 		],
 	},
-	{
-		path: projectsBaseRoute,
-		component: Projects,
-		name: VIEWS.PROJECTS,
-		meta: {
-			middleware: ['authenticated'],
-		},
-	},
-	// Catch old /credentials and /workflow routes and redirect to /projects
-	...oldRoutesToRedirectToProjects.map((oldRoute) => ({
-		path: oldRoute,
-		redirect: projectsBaseRoute,
-	})),
 ];
+
+export const projectsRouteBeforeMiddleware = async (
+	to: RouteLocationNormalized,
+	from: RouteLocationNormalized,
+	next: NavigationGuardNext,
+) => {
+	const projectId = 'home';
+	if (
+		oldRoutesAsRegExps.some((pattern) => pattern.test(to.path)) &&
+		!to.path.includes(projectsBaseRoute)
+	) {
+		return next({
+			path: `${projectsBaseRoute}/${projectId}${to.path}`,
+			query: to.query,
+		});
+	}
+	if (to.path === '/' || to.path === projectsBaseRoute) {
+		return next({ name: VIEWS.WORKFLOWS, params: { projectId } });
+	}
+};
diff --git a/packages/editor-ui/src/features/projects/views/Projects.vue b/packages/editor-ui/src/features/projects/views/Projects.vue
deleted file mode 100644
index d9a082a1f7ace..0000000000000
--- a/packages/editor-ui/src/features/projects/views/Projects.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts" setup>
-import { onBeforeMount, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { getPathAsRegexPattern } from '@/utils/routeUtils';
-import {
-	projectsBaseRoute,
-	oldRoutesToRedirectToProjects,
-} from '@/features/projects/projects-constants';
-import { VIEWS } from '@/constants';
-
-const router = useRouter();
-const route = useRoute();
-
-const redirectionSuccess = ref(false);
-const projectId = ref('home');
-
-onBeforeMount(async () => {
-	// TODO: Get the project id from the store
-	const oldRoutePatterns = oldRoutesToRedirectToProjects.map(getPathAsRegexPattern);
-	if (
-		oldRoutePatterns.some((pattern) => pattern.test(route.path)) &&
-		!route.path.includes(projectsBaseRoute)
-	) {
-		await router.replace({
-			path: `${projectsBaseRoute}/${projectId.value}${route.path}`,
-			query: route.query,
-		});
-	}
-	if (route.name === VIEWS.PROJECTS) {
-		await router.replace({ name: VIEWS.WORKFLOWS, params: { projectId: projectId.value } });
-	}
-	redirectionSuccess.value = true;
-});
-</script>
-
-<template>
-	<router-view v-if="redirectionSuccess" />
-</template>
diff --git a/packages/editor-ui/src/router.ts b/packages/editor-ui/src/router.ts
index 97200fb4fb59c..b303f32d3c3fe 100644
--- a/packages/editor-ui/src/router.ts
+++ b/packages/editor-ui/src/router.ts
@@ -20,7 +20,7 @@ import type { RouteConfig, RouterMiddleware } from '@/types/router';
 import { initializeCore } from '@/init';
 import { tryToParseNumber } from '@/utils/typesUtils';
 import { getTemplatesRedirect } from '@/utils/routeUtils';
-import { projectsRoutes } from '@/features/projects/projects-routes';
+import { projectsRouteBeforeMiddleware, projectsRoutes } from '@/features/projects/projects-routes';
 
 const ChangePasswordView = async () => await import('./views/ChangePasswordView.vue');
 const ErrorView = async () => await import('./views/ErrorView.vue');
@@ -58,16 +58,6 @@ const WorkerView = async () => await import('./views/WorkerView.vue');
 const WorkflowOnboardingView = async () => await import('@/views/WorkflowOnboardingView.vue');
 
 export const routes = [
-	{
-		path: '/',
-		name: VIEWS.HOMEPAGE,
-		redirect: () => {
-			return { name: VIEWS.PROJECTS };
-		},
-		meta: {
-			middleware: ['authenticated'],
-		},
-	},
 	{
 		path: '/collections/:id',
 		name: VIEWS.COLLECTION,
@@ -670,6 +660,9 @@ router.beforeEach(async (to: RouteLocationNormalized & RouteConfig, from, next)
 			return next({ name: VIEWS.SETUP });
 		}
 
+		// Catch old /credentials and /workflow routes and redirect to /projects or /home
+		await projectsRouteBeforeMiddleware(to, from, next);
+
 		/**
 		 * Verify user permissions for current route
 		 */
diff --git a/packages/editor-ui/src/utils/routeUtils.ts b/packages/editor-ui/src/utils/routeUtils.ts
index 8fd0e2e4746fd..f23e3816d69b5 100644
--- a/packages/editor-ui/src/utils/routeUtils.ts
+++ b/packages/editor-ui/src/utils/routeUtils.ts
@@ -3,7 +3,7 @@ import { VIEWS } from '@/constants';
 import { useSettingsStore } from '@/stores/settings.store';
 
 export const getPathAsRegexPattern = (path: RouteRecordRaw['path']): RegExp =>
-	new RegExp(path.replace(/:\w+/g, '[^/]+'));
+	new RegExp(path.replace(/:([^\/]+)/g, '([^/]+)').replace('/', '\\/'));
 
 export function getTemplatesRedirect(defaultRedirect: VIEWS[keyof VIEWS]) {
 	const settingsStore = useSettingsStore();