---
title: AppProxyLink
description: |-
  Sets up an `<a />` HTML element that works when rendered behind an app proxy.

  Supports any properties accepted by the `<a />` HTML element.
api_version: v1 latest
api_name: shopify-app-react-router
source_url:
  html: >-
    https://shopify.dev/docs/api/shopify-app-react-router/latest/app-proxy-components/appproxylink
  md: >-
    https://shopify.dev/docs/api/shopify-app-react-router/latest/app-proxy-components/appproxylink.md
---

# App​Proxy​Link

Sets up an `<a />` HTML element that works when rendered behind an app proxy.

Supports any properties accepted by the `<a />` HTML element.

Examples

### Examples

* #### Link to a different route

  ##### Description

  Use an \`AppProxyLink\` within an \`AppProxyProvider\` to link to a different proxied route.

  ##### /app/routes/\*\*\\/\*.ts

  ```typescript
  import {authenticate} from '~/shopify.server';
  import {AppProxyProvider, AppProxyLink} from '@shopify/shopify-app-react-router/react';

  export async function loader({ request }) {
    await authenticate.public.appProxy(request);

    return json({ appUrl: process.env.SHOPIFY_APP_URL });
  }

  export default function App() {
    const { appUrl } = useLoaderData();

    return (
      <AppProxyProvider appUrl={appUrl}>
        <AppProxyLink href="/other-proxy-route">Link to another route</AppProxyLink>
      </AppProxyProvider>
    );
  }
  ```

## Related

[Authenticating app proxy requests. - authenticate.public.appProxy](https://shopify.dev/docs/api/shopify-app-react-router/authenticate/public/app-proxy)

[Enable JavaScript in pages loaded through app proxies. - AppProxyProvider](https://shopify.dev/docs/api/shopify-app-react-router/app-proxy-components/appproxyprovider)