chore: just use config for next app

Signed-off-by: benjdlambert <ben@blam.sh>

packages/create-app/templates/next-app/app-config.yaml.hbs

@@ -2,6 +2,7 @@ app:
   title: Scaffolded Backstage App
   baseUrl: http://localhost:3000
 
+  # Enable all packages by default, this will discover packages from packages/app/package.json
   packages: all
 
   extensions:
@@ -11,6 +12,11 @@ app:
     - nav-item:catalog: false
     - nav-item:scaffolder: false
 
+    # Configure the catalog index page to be the root page, this is normally mounted on /catalog
+    - page:catalog:
+        config:
+          path: /
+
 
 organization:
   name: My Company

packages/create-app/templates/next-app/packages/app/src/App.tsx

@@ -1,8 +1,7 @@
 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: [homePlugin,catalogPlugin, navModule],
+  features: [catalogPlugin, navModule],
 });

packages/create-app/templates/next-app/packages/app/src/plugins/home/HomePage.tsx

@@ -1,9 +0,0 @@
-import { PageBlueprint } from '@backstage/frontend-plugin-api';
-import { Navigate } from 'react-router';
-
-export const HomePage = PageBlueprint.make({
-  params: {
-    path: '/',
-    loader: async () => <Navigate to="catalog" />
-  }
-});

packages/create-app/templates/next-app/packages/app/src/plugins/home/index.tsx

@@ -1,8 +0,0 @@
-
-import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
-import { HomePage } from './HomePage';
-
-export const homePlugin = createFrontendPlugin({
-  pluginId: 'home',
-  extensions: [HomePage],
-});