웹은 Next.js로 만들고, native는 Expo WebView로 감쌉니다.

이 화면은 apps/web에서 실행되는 WebView 전용 첫 페이지입니다. native 앱은 react-native-webview로 이 화면을 로드하고, 양쪽 메시지 타입은 @repo/types에서 공유합니다.

세팅 상태

WebNext.js 16WebView 화면

NativeExpo SDK 54React Native host

Bridge@repo/types메시지 계약 공유

{
  "type": "READY"
}

브라우저에서 누르면 메시지 상태만 바뀌고, Expo WebView 안에서 누르면window.ReactNativeWebView.postMessage로 native에 전달됩니다.