diff --git a/docs/install-next.mdx b/docs/install-next.mdx
index 5619d57a7..2ec8d6b2a 100644
--- a/docs/install-next.mdx
+++ b/docs/install-next.mdx
@@ -134,7 +134,7 @@ We'll need 2 more additional steps.
   <TabItem value="yarn">
 
 ```bash
-  yarn add next-compose-plugins next-transpile-modules @expo/next-adapter -D
+  yarn add next-compose-plugins next-transpile-modules @expo/next-adapter next-fonts -D
 ```
 
   </TabItem>
@@ -153,49 +153,23 @@ We'll need 2 more additional steps.
 
 ```js
 const { withExpo } = require('@expo/next-adapter');
+const withFonts = require('next-fonts');
 const withPlugins = require('next-compose-plugins');
 const withTM = require('next-transpile-modules')([
+  'react-native-web',
   'native-base',
-  'react-native-svg',
-  'react-native-safe-area-context',
-  '@react-aria/visually-hidden',
-  '@react-native-aria/button',
-  '@react-native-aria/checkbox',
-  '@react-native-aria/combobox',
-  '@react-native-aria/focus',
-  '@react-native-aria/interactions',
-  '@react-native-aria/listbox',
-  '@react-native-aria/overlays',
-  '@react-native-aria/radio',
-  '@react-native-aria/slider',
-  '@react-native-aria/tabs',
-  '@react-native-aria/utils',
-  '@react-stately/combobox',
-  '@react-stately/radio',
 ]);
 
+const nextConfig = {};
+
 module.exports = withPlugins(
   [
     withTM,
+    [withFonts, { projectRoot: __dirname }],
     [withExpo, { projectRoot: __dirname }],
     // your plugins go here.
   ],
-  {
-    webpack: (config) => {
-      config.resolve.alias = {
-        ...(config.resolve.alias || {}),
-        // Transform all direct `react-native` imports to `react-native-web`
-        'react-native$': 'react-native-web',
-      };
-      config.resolve.extensions = [
-        '.web.js',
-        '.web.ts',
-        '.web.tsx',
-        ...config.resolve.extensions,
-      ];
-      return config;
-    },
-  }
+  nextConfig
 );
 ```
 
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 87bcc2b43..619346c4e 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -61,8 +61,8 @@ module.exports = {
     },
     algolia: {
       contextualSearch: true,
-      apiKey: 'f422b0f98d066dbd23597e0bbd370ce2',
-      indexName: 'nativebase-v3',
+      apiKey: '412c1183909b15d3314d018b0b2330ff',
+      appId: 'QT6M4WLEXP',
     },
     navbar: {
       title: 'NativeBase',