i don't want to show webcams

If you want to user our API in your app, here is more info about this option, then it is completely okay.

example shcreen shot

next.js iframe option code is

      id={'windyMap'}
      style={{ width: '100%', height: '100vh' }}
      src={`https://embed.windy.com/embed2.html?${query}`}
  

const Weather: WeatherFC = (props) => {
  const query = useMemo(() => {
    const query = qs.stringify(props.windyQueryOption)
    return query
  }, [props.windyQueryOption])

  return (
    <iframe>
  )
}

export const getServerSideProps: GetServerSideProps = async (
  ctx: GetServerSidePropsContext
) => {
  const DEFAULT_LATITUDE = 35.77086685957337
  const DEFAULT_LONGITUDE = 127.718805751910595
  const DEFAULT_ZOOM = 7

  const { detail, detailLat, detailLon, zoom } = ctx.query

  let windyQueryOption: WindyQueryOption = {
    lat: DEFAULT_LATITUDE,
    lon: DEFAULT_LONGITUDE,
    detailLat: detailLat ? parseFloat(detailLat as string) : DEFAULT_LATITUDE,
    detailLon: detailLon ? parseFloat(detailLon as string) : DEFAULT_LONGITUDE,
    zoom: zoom ? parseInt(zoom as string) : DEFAULT_ZOOM,
    level: 'surface',
    overlay: 'wind',
    product: 'ecmwf',
    calendar: 'now',
    type: 'map',
    location: 'coordinates',
    metricWind: 'default',
    metricTemp: 'default',
    radarRange: -1,
  }

  if (detail === 'true') {
    windyQueryOption = {
      ...windyQueryOption,
      detail: true,
    }
  }

  return {
    props: {
      windyQueryOption,
      ...(await serverSideTranslations(ctx.locale as string, ['common'])),
    },
  }
}

and react-native use webView that webview url is next.js url