diff --git a/src/pages/api/modules/dashdot/info.ts b/src/pages/api/modules/dashdot/info.ts
index 46ae92a9e..2a188d9b8 100644
--- a/src/pages/api/modules/dashdot/info.ts
+++ b/src/pages/api/modules/dashdot/info.ts
@@ -1,6 +1,7 @@
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { getConfig } from '../../../../tools/config/getConfig';
+import { IDashDotTile } from '../../../../widgets/dashDot/DashDotTile';
 
 async function Get(req: NextApiRequest, res: NextApiResponse) {
   const { configName } = req.query;
@@ -13,7 +14,15 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
 
   const config = getConfig(configName);
 
-  const dashDotUrl = config.widgets.dashdot?.properties.url;
+  const dashDotWidget = config.widgets.find((x) => x.id === 'dashdot');
+
+  if (!dashDotWidget) {
+    return res.status(400).json({
+      message: 'There is no dashdot widget defined',
+    });
+  }
+
+  const dashDotUrl = (dashDotWidget as IDashDotTile).properties.url;
 
   if (!dashDotUrl) {
     return res.status(400).json({
diff --git a/src/pages/api/modules/dashdot/storage.ts b/src/pages/api/modules/dashdot/storage.ts
index f8faee3e3..8f15a8fa8 100644
--- a/src/pages/api/modules/dashdot/storage.ts
+++ b/src/pages/api/modules/dashdot/storage.ts
@@ -1,6 +1,7 @@
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { getConfig } from '../../../../tools/config/getConfig';
+import { IDashDotTile } from '../../../../widgets/dashDot/DashDotTile';
 
 async function Get(req: NextApiRequest, res: NextApiResponse) {
   const { configName } = req.query;
@@ -12,8 +13,15 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
   }
 
   const config = getConfig(configName);
+  const dashDotWidget = config.widgets.find((x) => x.id === 'dashdot');
 
-  const dashDotUrl = config.widgets.dashdot?.properties.url;
+  if (!dashDotWidget) {
+    return res.status(400).json({
+      message: 'There is no dashdot widget defined',
+    });
+  }
+
+  const dashDotUrl = (dashDotWidget as IDashDotTile).properties.url;
 
   if (!dashDotUrl) {
     return res.status(400).json({
diff --git a/src/pages/api/modules/overseerr/[id].tsx b/src/pages/api/modules/overseerr/[id].tsx
index 3c9045650..20bee0e90 100644
--- a/src/pages/api/modules/overseerr/[id].tsx
+++ b/src/pages/api/modules/overseerr/[id].tsx
@@ -2,7 +2,7 @@ import { NextApiRequest, NextApiResponse } from 'next';
 import { getCookie } from 'cookies-next';
 import axios from 'axios';
 import Consola from 'consola';
-import { getConfig } from '../../../../tools/getConfig';
+import { getConfig } from '../../../../tools/config/getConfig';
 import { Config } from '../../../../tools/types';
 import { MediaType } from '../../../../modules/overseerr/SearchResult';
 
@@ -10,9 +10,9 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
   // Get the slug of the request
   const { id, type } = req.query as { id: string; type: string };
   const configName = getCookie('config-name', { req });
-  const { config }: { config: Config } = getConfig(configName?.toString() ?? 'default').props;
+  const config = getConfig(configName?.toString() ?? 'default');
   const app = config.apps.find(
-    (app) => app.type === 'Overseerr' || app.type === 'Jellyseerr'
+    (app) => app.integration?.type === 'overseerr' || app.integration?.type === 'jellyseerr'
   );
   if (!id) {
     return res.status(400).json({ error: 'No id provided' });
@@ -20,7 +20,8 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
   if (!type) {
     return res.status(400).json({ error: 'No type provided' });
   }
-  if (!app?.apiKey) {
+  const apiKey = app?.integration?.properties.find((x) => x.field === 'apiKey')?.value;
+  if (!apiKey) {
     return res.status(400).json({ error: 'No apps found' });
   }
 
@@ -31,7 +32,7 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
         .get(`${appUrl.origin}/api/v1/movie/${id}`, {
           headers: {
             // Set X-Api-Key to the value of the API key
-            'X-Api-Key': app.apiKey,
+            'X-Api-Key': apiKey,
           },
         })
         .then((axiosres) => res.status(200).json(axiosres.data))
@@ -48,7 +49,7 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
         .get(`${appUrl.origin}/api/v1/tv/${id}`, {
           headers: {
             // Set X-Api-Key to the value of the API key
-            'X-Api-Key': app.apiKey,
+            'X-Api-Key': apiKey,
           },
         })
         .then((axiosres) => res.status(200).json(axiosres.data))
@@ -71,9 +72,9 @@ async function Post(req: NextApiRequest, res: NextApiResponse) {
   const { id } = req.query as { id: string };
   const { seasons, type } = req.body as { seasons?: number[]; type: MediaType };
   const configName = getCookie('config-name', { req });
-  const { config }: { config: Config } = getConfig(configName?.toString() ?? 'default').props;
+  const config = getConfig(configName?.toString() ?? 'default');
   const app = config.apps.find(
-    (app) => app.type === 'Overseerr' || app.type === 'Jellyseerr'
+    (app) => app.integration?.type === 'overseerr' || app.integration?.type === 'jellyseerr'
   );
   if (!id) {
     return res.status(400).json({ error: 'No id provided' });
@@ -81,7 +82,9 @@ async function Post(req: NextApiRequest, res: NextApiResponse) {
   if (!type) {
     return res.status(400).json({ error: 'No type provided' });
   }
-  if (!app?.apiKey) {
+
+  const apiKey = app?.integration?.properties.find((x) => x.field === 'apiKey')?.value;
+  if (!apiKey) {
     return res.status(400).json({ error: 'No app found' });
   }
   if (type === 'movie' && !seasons) {
@@ -104,7 +107,7 @@ async function Post(req: NextApiRequest, res: NextApiResponse) {
       {
         headers: {
           // Set X-Api-Key to the value of the API key
-          'X-Api-Key': app.apiKey,
+          'X-Api-Key': apiKey,
         },
       }
     )
diff --git a/src/pages/api/modules/overseerr/index.ts b/src/pages/api/modules/overseerr/index.ts
index 368d7f4dc..d79a80686 100644
--- a/src/pages/api/modules/overseerr/index.ts
+++ b/src/pages/api/modules/overseerr/index.ts
@@ -1,21 +1,23 @@
 import axios from 'axios';
 import { getCookie } from 'cookies-next';
 import { NextApiRequest, NextApiResponse } from 'next';
-import { getConfig } from '../../../../tools/getConfig';
+import { getConfig } from '../../../../tools/config/getConfig';
 import { Config } from '../../../../tools/types';
 
 async function Get(req: NextApiRequest, res: NextApiResponse) {
   const configName = getCookie('config-name', { req });
-  const { config }: { config: Config } = getConfig(configName?.toString() ?? 'default').props;
+  const config = getConfig(configName?.toString() ?? 'default');
   const { query } = req.query;
   const app = config.apps.find(
-    (app) => app.type === 'Overseerr' || app.type === 'Jellyseerr'
+    (app) => app.integration?.type === 'overseerr' || app.integration?.type === 'jellyseerr'
   );
   // If query is an empty string, return an empty array
   if (query === '' || query === undefined) {
     return res.status(200).json([]);
   }
-  if (!app || !query || app === undefined || !app.apiKey) {
+
+  const apiKey = app?.integration?.properties.find((x) => x.field === 'apiKey')?.value;
+  if (!app || !query || !apiKey) {
     return res.status(400).json({
       error: 'Wrong request',
     });
@@ -25,7 +27,7 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
     .get(`${appUrl.origin}/api/v1/search?query=${query}`, {
       headers: {
         // Set X-Api-Key to the value of the API key
-        'X-Api-Key': app.apiKey,
+        'X-Api-Key': apiKey,
       },
     })
     .then((res) => res.data);
diff --git a/src/pages/api/modules/usenet/history.ts b/src/pages/api/modules/usenet/history.ts
index eac196301..7399d29b9 100644
--- a/src/pages/api/modules/usenet/history.ts
+++ b/src/pages/api/modules/usenet/history.ts
@@ -6,7 +6,7 @@ import { Client } from 'sabnzbd-api';
 import { NzbgetHistoryItem } from './nzbget/types';
 import { NzbgetClient } from './nzbget/nzbget-client';
 import { getConfig } from '../../../../tools/config/getConfig';
-import { UsenetHistoryItem } from '../../../../components/Dashboard/Tiles/UseNet/types';
+import { UsenetHistoryItem } from '../../../../widgets/useNet/types';
 
 dayjs.extend(duration);
 
@@ -40,10 +40,8 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
         const options = {
           host: url.hostname,
           port: url.port,
-          login:
-            app.integration.properties.find((x) => x.field === 'username')?.value ?? undefined,
-          hash:
-            app.integration.properties.find((x) => x.field === 'password')?.value ?? undefined,
+          login: app.integration.properties.find((x) => x.field === 'username')?.value ?? undefined,
+          hash: app.integration.properties.find((x) => x.field === 'password')?.value ?? undefined,
         };
 
         const nzbGet = NzbgetClient(options);
diff --git a/src/pages/api/modules/usenet/queue.ts b/src/pages/api/modules/usenet/queue.ts
index 6afbe268d..c81a66b8a 100644
--- a/src/pages/api/modules/usenet/queue.ts
+++ b/src/pages/api/modules/usenet/queue.ts
@@ -3,8 +3,8 @@ import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { Client } from 'sabnzbd-api';
-import { UsenetQueueItem } from '../../../../components/Dashboard/Tiles/UseNet/types';
 import { getConfig } from '../../../../tools/config/getConfig';
+import { UsenetQueueItem } from '../../../../widgets/useNet/types';
 import { NzbgetClient } from './nzbget/nzbget-client';
 import { NzbgetQueueItem, NzbgetStatus } from './nzbget/types';
 
@@ -40,10 +40,8 @@ async function Get(req: NextApiRequest, res: NextApiResponse) {
         const options = {
           host: url.hostname,
           port: url.port,
-          login:
-            app.integration.properties.find((x) => x.field === 'username')?.value ?? undefined,
-          hash:
-            app.integration.properties.find((x) => x.field === 'password')?.value ?? undefined,
+          login: app.integration.properties.find((x) => x.field === 'username')?.value ?? undefined,
+          hash: app.integration.properties.find((x) => x.field === 'password')?.value ?? undefined,
         };
 
         const nzbGet = NzbgetClient(options);
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index c10c06585..4d636bc83 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -8,9 +8,7 @@ import { Dashboard } from '../components/Dashboard/Dashboard';
 import Layout from '../components/layout/Layout';
 import { useInitConfig } from '../config/init';
 import { getFrontendConfig } from '../tools/config/getFrontendConfig';
-import { getConfig } from '../tools/getConfig';
 import { dashboardNamespaces } from '../tools/translation-namespaces';
-import { Config } from '../tools/types';
 import { ConfigType } from '../types/config';
 
 type ServerSideProps = {