diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index fc2e876468..e29fac8865 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { createApp } from '@backstage/core';
+import { createApp, OAuthRequestDialog } from '@backstage/core';
 import React, { FC } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import Root from './components/Root';
@@ -33,6 +33,7 @@ const AppComponent = app.getRootComponent();
 const App: FC<{}> = () => (
   <AppProvider>
     <AlertDisplay forwarder={alertApiForwarder} />
+    <OAuthRequestDialog />
     <Router>
       <Root>
         <AppComponent />
diff --git a/packages/app/src/apis.ts b/packages/app/src/apis.ts
index c3380215b3..c11ea24aca 100644
--- a/packages/app/src/apis.ts
+++ b/packages/app/src/apis.ts
@@ -23,6 +23,10 @@ import {
   ErrorApiForwarder,
   featureFlagsApiRef,
   FeatureFlags,
+  GoogleAuth,
+  oauthRequestApiRef,
+  OAuthRequestManager,
+  googleAuthApiRef,
 } from '@backstage/core';
 
 import {
@@ -46,6 +50,20 @@ builder.add(featureFlagsApiRef, new FeatureFlags());
 
 builder.add(lighthouseApiRef, new LighthouseRestApi('http://localhost:3003'));
 
+const oauthRequestApi = builder.add(
+  oauthRequestApiRef,
+  new OAuthRequestManager(),
+);
+
+builder.add(
+  googleAuthApiRef,
+  GoogleAuth.create({
+    apiOrigin: 'http://localhost:7000',
+    basePath: '/auth/',
+    oauthRequestApi,
+  }),
+);
+
 builder.add(
   techRadarApiRef,
   new TechRadar({