diff --git a/.changeset/brave-bugs-know.md b/.changeset/brave-bugs-know.md new file mode 100644 index 0000000000..1654a7cf6b --- /dev/null +++ b/.changeset/brave-bugs-know.md @@ -0,0 +1,5 @@ +--- +'@backstage/create-app': minor +--- + +Creates a plugin that redirects from the Home page to the Catalog index page to avoid seeing a not found page error when starting the app. diff --git a/packages/create-app/templates/next-app/packages/app/src/App.tsx b/packages/create-app/templates/next-app/packages/app/src/App.tsx index c0206fec07..6765b5b94a 100644 --- a/packages/create-app/templates/next-app/packages/app/src/App.tsx +++ b/packages/create-app/templates/next-app/packages/app/src/App.tsx @@ -1,7 +1,8 @@ import { createApp } from '@backstage/frontend-defaults'; import catalogPlugin from '@backstage/plugin-catalog/alpha'; +import { homePlugin } from './plugins/home'; import { navModule } from './modules/nav'; export default createApp({ - features: [catalogPlugin, navModule], + features: [homePlugin,catalogPlugin, navModule], }); diff --git a/packages/create-app/templates/next-app/packages/app/src/plugins/home/HomePage.tsx b/packages/create-app/templates/next-app/packages/app/src/plugins/home/HomePage.tsx new file mode 100644 index 0000000000..baa5e9f885 --- /dev/null +++ b/packages/create-app/templates/next-app/packages/app/src/plugins/home/HomePage.tsx @@ -0,0 +1,9 @@ +import { PageBlueprint } from '@backstage/frontend-plugin-api'; +import { Navigate } from 'react-router'; + +export const HomePage = PageBlueprint.make({ + params: { + path: '/', + loader: async () => + } +}); diff --git a/packages/create-app/templates/next-app/packages/app/src/plugins/home/index.tsx b/packages/create-app/templates/next-app/packages/app/src/plugins/home/index.tsx new file mode 100644 index 0000000000..aad089fc8b --- /dev/null +++ b/packages/create-app/templates/next-app/packages/app/src/plugins/home/index.tsx @@ -0,0 +1,8 @@ + +import { createFrontendPlugin } from '@backstage/frontend-plugin-api'; +import { HomePage } from './HomePage'; + +export const homePlugin = createFrontendPlugin({ + pluginId: 'home', + extensions: [HomePage], +});