` or `
![]()
`, there may be instances where you need to quickly incorporate web components. In such cases, DOM components provide a useful solution.
-
-
+
+
If you already run your project with `npx expo [command]` (for example, if you created it with `npx create-expo-app`), you're all set.
If you don't have the `expo` package in your project yet, install it by running the command below and [opt in to using Expo CLI and Metro Config](/bare/installing-expo-modules/#configure-expo-cli-for-bundling-on-android-and-ios):
@@ -25,7 +25,7 @@ While the Expo native runtime generally does not support elements like `` o
If the command fails, refer to the [Installing Expo modules](/bare/installing-expo-modules/#manual-installation) guide.
-
+
If you are using Expo Router and Expo Web, you can skip this step. Otherwise, install the following packages:
diff --git a/docs/pages/guides/expo-ui-swift-ui/extending.mdx b/docs/pages/guides/expo-ui-swift-ui/extending.mdx
index ff5175afb2d9c9..a7c92c3b022c7e 100644
--- a/docs/pages/guides/expo-ui-swift-ui/extending.mdx
+++ b/docs/pages/guides/expo-ui-swift-ui/extending.mdx
@@ -12,17 +12,17 @@ import { CODE } from '~/ui/components/Text';
This guide explains how to create custom SwiftUI components and modifiers that integrate seamlessly with Expo UI.
-
- @expo/ui installed>}>
+
+ @expo/ui installed>}>
Install `@expo/ui` in your project. See [Building SwiftUI apps with Expo UI](/guides/expo-ui-swift-ui/) for more information.
-
+
Expo UI is not available in Expo Go. Create a [development build](/develop/development-builds/introduction/) of your app.
-
+
Basic familiarity with [Expo Modules API](/modules/overview/) and [SwiftUI](https://developer.apple.com/swiftui/) is recommended.
diff --git a/docs/pages/guides/expo-ui-swift-ui/index.mdx b/docs/pages/guides/expo-ui-swift-ui/index.mdx
index 6b3f0ffbdce619..8ec5b8d94b9ec9 100644
--- a/docs/pages/guides/expo-ui-swift-ui/index.mdx
+++ b/docs/pages/guides/expo-ui-swift-ui/index.mdx
@@ -520,21 +520,21 @@ Because React's promise of _"learn once, write anywhere"_, it now extends to Swi
diff --git a/docs/pages/guides/facebook-authentication.mdx b/docs/pages/guides/facebook-authentication.mdx
index 947782b4cfb516..a582782e29e358 100644
--- a/docs/pages/guides/facebook-authentication.mdx
+++ b/docs/pages/guides/facebook-authentication.mdx
@@ -11,8 +11,8 @@ The [`react-native-fbsdk-next`](https://github.com/thebergamo/react-native-fbsdk
This guide provides additional information on configuring the library with Expo for Android.
-
-
+
+
The `react-native-fbsdk-next` library can't be used in Expo Go because it requires custom native
code. Learn more about [adding custom native code to your app](/workflow/customizing/).
diff --git a/docs/pages/guides/google-authentication.mdx b/docs/pages/guides/google-authentication.mdx
index 775cbc4596f9dd..8f7e76892f17bf 100644
--- a/docs/pages/guides/google-authentication.mdx
+++ b/docs/pages/guides/google-authentication.mdx
@@ -10,8 +10,8 @@ The [`@react-native-google-signin/google-signin`](https://github.com/react-nativ
This guide provides information on how to configure the library for your project.
-
-
+
+
The `@react-native-google-signin/google-signin` library can't be used in Expo Go because it
requires custom native code. Learn more about [adding custom native code to your
app](/workflow/customizing/).
diff --git a/docs/pages/guides/ios-developer-mode.mdx b/docs/pages/guides/ios-developer-mode.mdx
index 6911162f8c41ff..6a55eda3c2dd4a 100644
--- a/docs/pages/guides/ios-developer-mode.mdx
+++ b/docs/pages/guides/ios-developer-mode.mdx
@@ -16,8 +16,8 @@ There are two ways you can enable Developer Mode on your device:
- Directly on an iOS device
- By connecting an iOS device with a Mac that has Xcode installed
-
-
+
+
Developer Mode is only required on devices running iOS 16 and later.
diff --git a/docs/pages/guides/keyboard-handling.mdx b/docs/pages/guides/keyboard-handling.mdx
index f61e0e81530812..d8fd6cd8bbb0d8 100644
--- a/docs/pages/guides/keyboard-handling.mdx
+++ b/docs/pages/guides/keyboard-handling.mdx
@@ -122,13 +122,12 @@ export default function HomeScreen() {
For more complex keyboard interactions, such as larger scrollable entry forms with several text input fields, consider using the [`react-native-keyboard-controller` (Keyboard Controller)](https://kirillzyusko.github.io/react-native-keyboard-controller) library. It offers additional functionality beyond the built-in React Native keyboard APIs, providing consistency across Android and iOS with minimal configuration and offering the native feel users expect.
-
-
+
+
The Keyboard Controller library is not included in Expo Go. See [Create a development
build](/develop/development-builds/create-a-build/) for more information.
react-native-reanimated installed
diff --git a/docs/pages/guides/local-app-development.mdx b/docs/pages/guides/local-app-development.mdx
index 6c91aee46b755d..8c6259ccfd55ba 100644
--- a/docs/pages/guides/local-app-development.mdx
+++ b/docs/pages/guides/local-app-development.mdx
@@ -14,13 +14,13 @@ import { CODE } from '~/ui/components/Text';
To build your project into an app locally using your machine, you have to manually generate native code before testing the debug build or creating a production build for it to submit to the app store. There are two ways you can build your app locally. This guide provides a brief introduction to both methods and references to other guides that are necessary to create this workflow.
-
-
+
+
[Set up Android
Studio](/get-started/set-up-your-environment/?platform=android&device=physical&mode=development-build&buildEnv=local#set-up-an-android-device-with-a-development-build)
to compile and run Android projects on your local machine.
-
+
[Set up
Xcode](/get-started/set-up-your-environment/?platform=ios&device=physical&mode=development-build&buildEnv=local#set-up-an-ios-device-with-a-development-build)
to compile and run iOS projects on your local machine.
diff --git a/docs/pages/guides/local-app-overview.mdx b/docs/pages/guides/local-app-overview.mdx
index df071c90040276..889510463c1bbe 100644
--- a/docs/pages/guides/local-app-overview.mdx
+++ b/docs/pages/guides/local-app-overview.mdx
@@ -26,13 +26,13 @@ There are different scenarios when you want to build your app on your developer
> **Note**: Building your app locally complements EAS Build. You can keep using the build service for cloud automation and fall back to local builds for development.
-
-
+
+
[Set up Android
Studio](/get-started/set-up-your-environment/?platform=android&device=physical&mode=development-build&buildEnv=local#set-up-an-android-device-with-a-development-build)
to compile and run Android projects on your local machine.
-
+
[Set up
Xcode](/get-started/set-up-your-environment/?platform=ios&device=physical&mode=development-build&buildEnv=local#set-up-an-ios-device-with-a-development-build)
to compile and run iOS projects on your local machine.
diff --git a/docs/pages/guides/local-app-production.mdx b/docs/pages/guides/local-app-production.mdx
index 71b070ec25a6f3..5c6d9cb2c68bc0 100644
--- a/docs/pages/guides/local-app-production.mdx
+++ b/docs/pages/guides/local-app-production.mdx
@@ -18,13 +18,13 @@ To create your app's release build (also known as production build) locally, you
Creating a release build locally for Android requires signing it with an [upload key](https://developer.android.com/studio/publish/app-signing#certificates-keystores) and generating an Android Application Bundle (**.aab**). Follow the steps below:
-
-
+
+
Install an [OpenJDK
distribution](/get-started/set-up-your-environment/?mode=development-build&buildEnv=local#install-watchman-and-jdk)
to access the `keytool` command.
-
+
If you are using [Continuous Native Generation (CNG)](/workflow/continuous-native-generation/),
run `npx expo prebuild` to generate it.
@@ -130,16 +130,16 @@ Google Play Store requires manual app submission when submitting the **.aab** fi
To create an iOS release build locally for Apple App Store, you need to use Xcode which handles the signing and submission process via App Store Connect.
-
-
+
+
A paid Apple Developer membership is required to sign and submit iOS apps.
-
+
[Install
Xcode](/get-started/set-up-your-environment/?platform=ios&device=physical&mode=development-build&buildEnv=local#set-up-xcode-and-watchman)
on your computer.
-
+
If you are using [Continuous Native Generation (CNG)](/workflow/continuous-native-generation/),
run `npx expo prebuild` to generate it.
diff --git a/docs/pages/guides/local-https-development.mdx b/docs/pages/guides/local-https-development.mdx
index 00e4d290b14bdb..62ac4224974bd7 100644
--- a/docs/pages/guides/local-https-development.mdx
+++ b/docs/pages/guides/local-https-development.mdx
@@ -11,9 +11,8 @@ import { CODE } from '~/ui/components/Text';
When developing Expo web apps locally, you may need to use HTTPS with your local development environment for testing secure browser APIs. This guide shows you how to set up local HTTPS for Expo web apps.
-
+
mkcert installed
diff --git a/docs/pages/guides/server-components.mdx b/docs/pages/guides/server-components.mdx
index 0baf65014a5143..d4a5b47240593e 100644
--- a/docs/pages/guides/server-components.mdx
+++ b/docs/pages/guides/server-components.mdx
@@ -21,11 +21,11 @@ React Server Components enable a number of exciting capabilities, including:
Expo Router enables support for [React Server Components](https://react.dev/reference/rsc/server-components) on all platforms. This is an early [preview](/more/release-statuses/#preview) of a feature that will be enabled by default in Expo Router.
-
-
+
+
See [Expo Router installation](/router/installation/) if you don't have one yet.
-
+
React Native New Architecture is required, and is enabled by default from SDK 52.
diff --git a/docs/pages/guides/tailwind.mdx b/docs/pages/guides/tailwind.mdx
index 713b080105e61f..a765ebcb3d89c9 100644
--- a/docs/pages/guides/tailwind.mdx
+++ b/docs/pages/guides/tailwind.mdx
@@ -14,8 +14,8 @@ import { Tabs, Tab } from '~/ui/components/Tabs';
[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework and can be used with Metro for web projects. This guide explains how to configure your Expo project to use the framework.
-
-
+
+
Ensure your project is using Metro for web. Verify this by checking that `web.bundler` is set to `metro` in **app.json**:
```json app.json
diff --git a/docs/pages/guides/using-bun.mdx b/docs/pages/guides/using-bun.mdx
index 3bca884eb15bf7..87460752b54573 100644
--- a/docs/pages/guides/using-bun.mdx
+++ b/docs/pages/guides/using-bun.mdx
@@ -8,11 +8,11 @@ import { Terminal } from '~/ui/components/Snippet';
[Bun](https://bun.sh/) is a JavaScript runtime and a drop-in alternative for [Node.js](https://nodejs.org/en). In Expo projects, Bun can be used to install npm packages and run Node.js scripts. The benefits of using Bun are faster package installation than npm, pnpm, or Yarn and [at least 4x faster startup time compared to Node.js](https://bun.sh/docs#design-goals), which gives a huge boost to your local development experience.
-
-
+
+
[Install Bun](https://bun.sh/docs/installation#installing) to create a new app.
-
+
A [Node.js (LTS) version](https://nodejs.org/) is still required for the `bun create expo` and
`bun expo prebuild` commands, which use `npm pack` to download project templates.
diff --git a/docs/pages/guides/using-firebase.mdx b/docs/pages/guides/using-firebase.mdx
index 44d0bbd0412dd3..1898a146de447e 100644
--- a/docs/pages/guides/using-firebase.mdx
+++ b/docs/pages/guides/using-firebase.mdx
@@ -27,8 +27,8 @@ There are two different ways you can use Firebase in your projects:
React Native supports both the JS SDK and the native SDK. The following sections will guide you through when to use which SDK and all the configuration steps required to use Firebase in your Expo projects.
-
-
+
+
Create a new Firebase project or use an existing one in the [Firebase
console](https://console.firebase.google.com/).
diff --git a/docs/pages/guides/using-resend.mdx b/docs/pages/guides/using-resend.mdx
index c950232572fc47..af60f9595789cb 100644
--- a/docs/pages/guides/using-resend.mdx
+++ b/docs/pages/guides/using-resend.mdx
@@ -20,20 +20,18 @@ This guide demonstrates the **essential steps to integrate Resend with your Expo
---
-
-
+
+
See [Expo Router installation](/router/installation/) if you don't have one yet.
-
+
An [Expo account](https://expo.dev/signup) is required to deploy the API route using EAS
Hosting.
-
+
Install [EAS CLI](/eas/cli/) with `npm install -g eas-cli`.
-
- Sign up at [resend.com](https://resend.com/).
-
+ Sign up at [resend.com](https://resend.com/).
diff --git a/docs/pages/guides/using-supabase.mdx b/docs/pages/guides/using-supabase.mdx
index a2328f83e5e175..7df9cba1ee551f 100644
--- a/docs/pages/guides/using-supabase.mdx
+++ b/docs/pages/guides/using-supabase.mdx
@@ -14,11 +14,11 @@ Supabase automatically [generates a REST API](https://supabase.com/docs/guides/a
Supabase provides a TypeScript client library called [`supabase-js`](https://supabase.com/docs/reference/javascript/introduction?utm_source=expo&utm_medium=referral&utm_term=expo-react-native) to interact with the REST API. Alternatively, Supabase also exposes a [GraphQL API](https://supabase.com/docs/guides/database/extensions/pg_graphql?utm_source=expo&utm_medium=referral&utm_term=expo-react-native) allowing you to use your favorite GraphQL client (for example, [Apollo Client](https://supabase.github.io/pg_graphql/usage_with_apollo/)) should you wish to.
-
-
+
+
Head over to [database.new](https://database.new?utm_source=expo&utm_medium=referral&utm_term=expo-react-native) to create a new Supabase project.
-
+
Get the **Project URL** from the API settings and **Publishable key** from the API Keys:
1. Go to the [API Settings](https://supabase.com/dashboard/project/_/settings/api) page in the Dashboard.
diff --git a/docs/pages/modules/existing-library.mdx b/docs/pages/modules/existing-library.mdx
index 8a2a454041b9e1..2e30d69b8bc234 100644
--- a/docs/pages/modules/existing-library.mdx
+++ b/docs/pages/modules/existing-library.mdx
@@ -11,8 +11,8 @@ There are cases where you may want to integrate the Expo Modules API into an exi
This guide will help you set up your existing React Native library to access Expo Modules API.
-
-
+