diff --git a/__template/README.md b/__template/README.md index 902a734e..301ba7de 100644 --- a/__template/README.md +++ b/__template/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/__template) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example Describe the example and how it demonstrates solving the problem. Reference any relevant files/dependencies if needed. diff --git a/_official-jokes/README.md b/_official-jokes/README.md index 262a3992..d3018c80 100644 --- a/_official-jokes/README.md +++ b/_official-jokes/README.md @@ -65,3 +65,5 @@ npm start Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/_official-jokes) + +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) diff --git a/_official-realtime-app/README.md b/_official-realtime-app/README.md index 4fc7835b..819be599 100644 --- a/_official-realtime-app/README.md +++ b/_official-realtime-app/README.md @@ -16,3 +16,5 @@ npm run dev Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/_official-realtime-app) + +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) diff --git a/bullmq-task-queue/README.md b/bullmq-task-queue/README.md index e3653086..bab62962 100644 --- a/bullmq-task-queue/README.md +++ b/bullmq-task-queue/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/bullmq-task-queue) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Usages - Use your existing redis server or [install new redis server](https://redis.io/topics/quickstart) or [start redis server with docker](https://hub.docker.com/_/redis). diff --git a/chakra-ui/README.md b/chakra-ui/README.md index 2951d3b4..42429ef3 100644 --- a/chakra-ui/README.md +++ b/chakra-ui/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/chakra-ui) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use Chakra UI with Remix. diff --git a/client-only-components/README.md b/client-only-components/README.md index cd56baa8..ba7c91bc 100644 --- a/client-only-components/README.md +++ b/client-only-components/README.md @@ -14,6 +14,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/client-only-components) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example The example has three use case: diff --git a/client-side-validation/README.md b/client-side-validation/README.md index 39955516..71b09c10 100644 --- a/client-side-validation/README.md +++ b/client-side-validation/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/client-side-validation) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use the built-in HTML5 validation features. diff --git a/collected-notes/README.md b/collected-notes/README.md index 2fd5e581..97351d45 100644 --- a/collected-notes/README.md +++ b/collected-notes/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/collected-notes) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example The example creates a `cn.server.ts` file to create the Collected notes API client instance. diff --git a/combobox-resource-route/README.md b/combobox-resource-route/README.md index e89846ed..b6163571 100644 --- a/combobox-resource-route/README.md +++ b/combobox-resource-route/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/combobox-resource-route) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example As the user types into the input field, a fetcher loads suggestions from the server. diff --git a/dark-mode/README.md b/dark-mode/README.md index 85ecf7ee..4c2783d1 100644 --- a/dark-mode/README.md +++ b/dark-mode/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/dark-mode) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example In this example, we have a button that toggles the current theme (light / dark). The current value is stored in React context and is used as the className of `` (see [app/root.tsx](app/root.tsx)). Clicking the button toggles the theme, which updates the className, which updates the CSS variables, resulting in the background color updating (see [app/styles/styles.css](app/styles/styles.css)). diff --git a/dataloader/README.md b/dataloader/README.md index e0bf14d4..78109731 100644 --- a/dataloader/README.md +++ b/dataloader/README.md @@ -13,6 +13,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/dataloader) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example `app/data.server.ts` implements the `db` object which mimics an ORM in the style of [Prisma](https://www.prisma.io/). The method `db.user#findMany` logs _user#findMany_ to the console, for demo purposes. diff --git a/docker-with-yarn-pnp/README.md b/docker-with-yarn-pnp/README.md index 347c5760..c11aeded 100644 --- a/docker-with-yarn-pnp/README.md +++ b/docker-with-yarn-pnp/README.md @@ -25,6 +25,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/docker-with-yarn-pnp) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example I'll skip the details around setting up Yarn PnP and Docker. The goal of this diff --git a/emotion/README.md b/emotion/README.md index 804d6e36..bc309b3a 100644 --- a/emotion/README.md +++ b/emotion/README.md @@ -31,6 +31,8 @@ Open this example on [CodeSandbox](https://codesandbox.io/): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/emotion) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Getting Started First, run the development server: diff --git a/error-boundary/README.md b/error-boundary/README.md index 1dbb6bbd..b2ade45a 100644 --- a/error-boundary/README.md +++ b/error-boundary/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/error-boundary) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example In this example, we have a list of users and one user that does not exist. When you navigate to the user that does not exist, our ErrorBoundary renders in place of the component for that route. diff --git a/file-and-cloudinary-upload/README.md b/file-and-cloudinary-upload/README.md index d6fe962d..eb2c1bd3 100644 --- a/file-and-cloudinary-upload/README.md +++ b/file-and-cloudinary-upload/README.md @@ -24,6 +24,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/file-and-cloudinary-upload) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Related Links - [Handle Multiple Part Forms (File Uploads)](https://remix.run/utils/parse-multipart-form-data-node) diff --git a/file-and-s3-upload/README.md b/file-and-s3-upload/README.md index abd7b6d6..add912b3 100644 --- a/file-and-s3-upload/README.md +++ b/file-and-s3-upload/README.md @@ -28,6 +28,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/file-and-s3-upload) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Related Links - [Handle Multiple Part Forms (File Uploads)](https://remix.run/utils/parse-multipart-form-data-node) diff --git a/firebase/README.md b/firebase/README.md index ca58936e..82ce565a 100644 --- a/firebase/README.md +++ b/firebase/README.md @@ -10,6 +10,8 @@ See the screen recording at `./screen_recording.gif` or Open this example on [Co [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/firebase) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Running locally To run it, you need to either: diff --git a/framer-motion/README.md b/framer-motion/README.md index 0ba03483..d5aebddc 100644 --- a/framer-motion/README.md +++ b/framer-motion/README.md @@ -34,3 +34,5 @@ npm start Open this example on [CodeSandbox](https://codesandbox.com): [![Open in codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/framer-motion) + +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) diff --git a/framer-route-animation/README.md b/framer-route-animation/README.md index 6f00270d..203c3b7c 100644 --- a/framer-route-animation/README.md +++ b/framer-route-animation/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/framer-route-animation) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example demonstrates adding route animations to Remix apps using Framer Motion. Framer provides `AnimatePresence` API, which animates DOM elements mounted and unmounted from the DOM. So when we navigate from one route to another, essentially, we're unmounting the previous route and mounting the new route. We can use this to animate route transitions. diff --git a/gdpr-cookie-consent/README.md b/gdpr-cookie-consent/README.md index dda7ac1d..098dcd55 100644 --- a/gdpr-cookie-consent/README.md +++ b/gdpr-cookie-consent/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/gdpr-cookie-consent) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example Users will be presented with a GDPR consent form on every page [app/root.tsx](app/root.tsx) till they submit the accept button. diff --git a/google-analytics/README.md b/google-analytics/README.md index e488bdff..492456a9 100644 --- a/google-analytics/README.md +++ b/google-analytics/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/google-analytics) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use Google analytics with Remix. diff --git a/graphql-api/README.md b/graphql-api/README.md index 1f0ea709..78761c26 100644 --- a/graphql-api/README.md +++ b/graphql-api/README.md @@ -16,6 +16,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/graphql-api) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example makes use of [Remix Resource Routes][link-resource-routes] to fetch data from a sample [GraphQL API][link-sample-api] in addition to exposing that data via a JSON API. diff --git a/image-resize/README.md b/image-resize/README.md index 163bfacd..f592c79c 100644 --- a/image-resize/README.md +++ b/image-resize/README.md @@ -12,6 +12,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/image-resize) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example From your terminal: diff --git a/infinite-scrolling/README.md b/infinite-scrolling/README.md index 37a6d30e..21a84f93 100644 --- a/infinite-scrolling/README.md +++ b/infinite-scrolling/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/infinite-scrolling) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example tba diff --git a/io-ts-formdata-decoding/README.md b/io-ts-formdata-decoding/README.md index 7d22808b..e29abdc9 100644 --- a/io-ts-formdata-decoding/README.md +++ b/io-ts-formdata-decoding/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/io-ts-formdata-decoding) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example ### Motivation diff --git a/ioredis/README.md b/ioredis/README.md index 06fef48c..08bd7cac 100644 --- a/ioredis/README.md +++ b/ioredis/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/ioredis) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Usages - Use your existing redis server or [install new redis server](https://redis.io/topics/quickstart) or [start redis server with docker](https://hub.docker.com/_/redis). diff --git a/leaflet/README.md b/leaflet/README.md index 8534dc01..bbe10428 100644 --- a/leaflet/README.md +++ b/leaflet/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/leaflet) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use Leaflet with Remix. diff --git a/mantine/README.md b/mantine/README.md index 43571254..d8f1b9fa 100644 --- a/mantine/README.md +++ b/mantine/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/mantine) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example We wrap the app in `mantine`'s theme and color providers so the pages can have app-wide dark/light mode. We are also creating a route to toggle between dark/light mode. diff --git a/msw/README.md b/msw/README.md index ea9d32e9..a3dca20d 100644 --- a/msw/README.md +++ b/msw/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/msw) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example - If the API is still under development and we don't want to wait for the API to be completed. diff --git a/multiple-forms/README.md b/multiple-forms/README.md index 587cadd0..a3956939 100644 --- a/multiple-forms/README.md +++ b/multiple-forms/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/multiple-forms) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example We have a page with invitations to a party. We display who the invitation was sent to along with when the invitation was sent. You can create new invitations and resend or delete existing invitations. So this single route has many forms on the page and each uses a `action` field to specify the action to take (this is just a convention, the name doesn't matter). diff --git a/multiple-params/README.md b/multiple-params/README.md index 10b010ab..be6a0d1b 100644 --- a/multiple-params/README.md +++ b/multiple-params/README.md @@ -79,3 +79,5 @@ npm start Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/multiple-params) + +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) diff --git a/mux-video/README.md b/mux-video/README.md index 0bbbfdbd..0bcf16c6 100644 --- a/mux-video/README.md +++ b/mux-video/README.md @@ -15,6 +15,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/mux-video) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## How to use ### Step 1. Create a Remix app with this example diff --git a/newsletter-signup/README.md b/newsletter-signup/README.md index d3e6e897..338ad307 100644 --- a/newsletter-signup/README.md +++ b/newsletter-signup/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/newsletter-signup) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example Everything lives in `routes/newsletter.tsx` diff --git a/nprogress/README.md b/nprogress/README.md index 85da89fb..8adac19d 100644 --- a/nprogress/README.md +++ b/nprogress/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/nprogress) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example It shows how to load NProgress, link to their styles from the node_modules folder, and use the useTransition hook to know when a client-side transition, both submit or navigation, is happening to start the progress bar. diff --git a/on-demand-hydration/README.md b/on-demand-hydration/README.md index 3bc8b1bd..4c196adf 100644 --- a/on-demand-hydration/README.md +++ b/on-demand-hydration/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/on-demand-hydration) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example The example has four routes, the `/` which has links to the rest and three more: diff --git a/outlet-form-rerender/README.md b/outlet-form-rerender/README.md index 07363e38..e2af3830 100644 --- a/outlet-form-rerender/README.md +++ b/outlet-form-rerender/README.md @@ -12,6 +12,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/outlet-form-rerender) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example Here we have a simple example where we list a set of users and, clicking on a user will open a form inside a nested route with details of the user prefilled. diff --git a/pathless-routes/README.md b/pathless-routes/README.md index 4d5f89e8..9aa84d17 100644 --- a/pathless-routes/README.md +++ b/pathless-routes/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/pathless-routes) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example One of the features of React Router is the ability to have `pathless routes`. This gives the ability to add route layouts without adding segments to the URL. diff --git a/picocss/README.md b/picocss/README.md index 8575e680..bce41d17 100644 --- a/picocss/README.md +++ b/picocss/README.md @@ -16,6 +16,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/picocss/tree/main/picocss) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Related Links - [Remix Docs](https://remix.run/docs) diff --git a/playwright/README.md b/playwright/README.md index 286ec9c7..19b31f45 100644 --- a/playwright/README.md +++ b/playwright/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/playwright) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use Playwright to write e2e tests with Remix. diff --git a/quirrel/README.md b/quirrel/README.md index ba92ce74..f56f9469 100644 --- a/quirrel/README.md +++ b/quirrel/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/quirrel) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example In this example, we queue a function to run in the background when opening the index page. diff --git a/react-quill/README.md b/react-quill/README.md index c4f53bf2..58e7cd9e 100644 --- a/react-quill/README.md +++ b/react-quill/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/react-quill) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example WYSIWYG editor with react-quill diff --git a/react-spring/README.md b/react-spring/README.md index 1354e265..4fdfc48f 100644 --- a/react-spring/README.md +++ b/react-spring/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/react-spring) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to animate on mount and animate on different events using `react-spring`. diff --git a/remix-auth-auth0/README.md b/remix-auth-auth0/README.md index 425e4ab5..bafc7890 100644 --- a/remix-auth-auth0/README.md +++ b/remix-auth-auth0/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/remix-auth-auth0) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This is using Remix Auth and the remix-auth-auth0 packages. diff --git a/remix-auth-form/README.md b/remix-auth-form/README.md index 848e0581..7a38fa2c 100644 --- a/remix-auth-form/README.md +++ b/remix-auth-form/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/remix-auth-form) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This is using Remix Auth and the `remix-auth-form` packages. diff --git a/remix-auth-github/README.md b/remix-auth-github/README.md index 110ccffc..f37c94df 100644 --- a/remix-auth-github/README.md +++ b/remix-auth-github/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/remix-auth-github) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This is using Remix Auth and the `remix-auth-github` packages. diff --git a/remix-auth-supabase-github/README.md b/remix-auth-supabase-github/README.md index 6aca33f4..3761414e 100644 --- a/remix-auth-supabase-github/README.md +++ b/remix-auth-supabase-github/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/remix-auth-supabase-github) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Setup 1. Copy `.env.example` to create a new file `.env`: diff --git a/remix-auth-supabase/README.md b/remix-auth-supabase/README.md index 5a6c3187..88a99e68 100644 --- a/remix-auth-supabase/README.md +++ b/remix-auth-supabase/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/remix-auth-supabase) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Setup 1. Copy `.env.example` to create a new file `.env`: diff --git a/route-modal/README.md b/route-modal/README.md index e10338f9..94fc1a9c 100644 --- a/route-modal/README.md +++ b/route-modal/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/route-modal) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use routes to show/hide modals. diff --git a/routes-gen/README.md b/routes-gen/README.md index 94085deb..065a781c 100644 --- a/routes-gen/README.md +++ b/routes-gen/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/routes-gen) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example In this example, we've installed `routes-gen` and `@routes-gen/remix`. diff --git a/rust/README.md b/rust/README.md index 3ef7e8ec..07f8a742 100644 --- a/rust/README.md +++ b/rust/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/rust) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example uses Rust compiled to WASM. diff --git a/sass/README.md b/sass/README.md index df44798a..8b3a68b3 100644 --- a/sass/README.md +++ b/sass/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/sass) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example Nothing much going on here, sass/scss files imports work out of the box in Vite. diff --git a/search-input/README.md b/search-input/README.md index bacce36a..adff2bcc 100644 --- a/search-input/README.md +++ b/search-input/README.md @@ -34,3 +34,5 @@ npm start Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/search-input) + +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) diff --git a/session-flash/README.md b/session-flash/README.md index 432f5eae..c3098ff4 100644 --- a/session-flash/README.md +++ b/session-flash/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/session-flash) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to create a simple alert message. Check [app/routes/\_index.tsx](app/routes/_index.tsx) to see the flash message in action: diff --git a/sharing-loader-data/README.md b/sharing-loader-data/README.md index 5bb48a3d..3767af4f 100644 --- a/sharing-loader-data/README.md +++ b/sharing-loader-data/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/sharing-loader-data) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This is a simple "workshop" app which has a "user" and a list of workshops. The user is loaded in the root loader and needed in the index route. The workshops are loaded in the workshops loader and then used in the individual workshop routes. diff --git a/socket.io/README.md b/socket.io/README.md index ff37e143..4266f40e 100644 --- a/socket.io/README.md +++ b/socket.io/README.md @@ -14,6 +14,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/socket.io) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example uses the Express adapter to setup the HTTP server. diff --git a/sse-chat/README.md b/sse-chat/README.md index 6987bb0b..8339693b 100644 --- a/sse-chat/README.md +++ b/sse-chat/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/sse-chat) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example The example uses the `eventStream` response helper from Remix Utils to implement a SSE endpoint. diff --git a/sse-counter/README.md b/sse-counter/README.md index 4a3772f8..a36205a6 100644 --- a/sse-counter/README.md +++ b/sse-counter/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/sse-counter) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example The example uses the `eventStream` response helper from Remix Utils to implement a SSE endpoint. diff --git a/stitches/README.md b/stitches/README.md index 68f7541d..ed3d518e 100644 --- a/stitches/README.md +++ b/stitches/README.md @@ -29,6 +29,8 @@ Open this example on [CodeSandbox](https://codesandbox.io/): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/stitches) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Getting Started First, run the development server: diff --git a/stripe-integration/README.md b/stripe-integration/README.md index 0cac5934..62d23d45 100644 --- a/stripe-integration/README.md +++ b/stripe-integration/README.md @@ -30,6 +30,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/stripe-integration) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Related Links - [How to get the raw request body in action or loader ( for stripe integration) ? · Discussion #1978 · remix-run/remix](https://github.com/remix-run/remix/discussions/1978) diff --git a/styled-components/README.md b/styled-components/README.md index c5aba57a..6ff52d20 100644 --- a/styled-components/README.md +++ b/styled-components/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/styled-components) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example To support server-side rendering without hydration errors, [Styled Components uses a Babel plugin to ensure consistent class names across server and client.](https://styled-components.com/docs/advanced#tooling-setup) In this example the source code for our styled components is in `components/src`. This is compiled with the Babel CLI (to generate JavaScript files) and `tsc` (to generate `.d.ts` files), co-ordinated using [npm-run-all](https://www.npmjs.com/package/npm-run-all). The output from both of these tools is generated in `app/components` which is ignored by Git. The app can then import these components from `~/components/*`. diff --git a/styletron/README.md b/styletron/README.md index 3659b9ca..3a0e3645 100644 --- a/styletron/README.md +++ b/styletron/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/styletron) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use Styletron with Remix. diff --git a/supabase-subscription/README.md b/supabase-subscription/README.md index 7ab7b305..26f88e53 100644 --- a/supabase-subscription/README.md +++ b/supabase-subscription/README.md @@ -40,6 +40,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/supabase-subscription) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example the '/realtime' route renders a "like" button that keep track of number of likes. open the route in two tabs and click on the button, you should see the like number is updated in both tabs. diff --git a/tailwindcss/README.md b/tailwindcss/README.md index abc837d9..379b6a33 100644 --- a/tailwindcss/README.md +++ b/tailwindcss/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.io/s/remix-tailwind-2x8pg [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/tailwindcss) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use Tailwind CSS (v3.0) with Remix. It's using Vite's built-in PostCSS support. diff --git a/tiptap-collab-editing/README.md b/tiptap-collab-editing/README.md index b9089021..15882fb8 100644 --- a/tiptap-collab-editing/README.md +++ b/tiptap-collab-editing/README.md @@ -18,6 +18,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/tiptap-collab-editing) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Related Links - [Collaborative editing – Tiptap Editor](https://tiptap.dev/guide/collaborative-editing#show-other-cursors) diff --git a/toast-message/README.md b/toast-message/README.md index 82ea9f3c..3ab9acc8 100644 --- a/toast-message/README.md +++ b/toast-message/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/toast-message) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example It's a pretty common use case to provide feedback to the users in the form of toast messages. In this example, we take a look at how to use session cookies to set the feedback messages at the action handler and read from the session cookie at the root loader. When we make a `non-GET` request Remix automatically reloads all the matching loaders, and since root loader will always be called, it's a good place to keep our toast message component. diff --git a/turborepo-vercel/README.md b/turborepo-vercel/README.md index 590da1ab..9cfc6c09 100644 --- a/turborepo-vercel/README.md +++ b/turborepo-vercel/README.md @@ -10,6 +10,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/turborepo-vercel) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example In order for this to work, your Vercel config should look like this: diff --git a/unocss/README.md b/unocss/README.md index ad7a0e25..897db505 100644 --- a/unocss/README.md +++ b/unocss/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/unocss) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows a bare-bones setup of UnoCSS. diff --git a/vanilla-extract/README.md b/vanilla-extract/README.md index 0bc04dfd..1a571288 100644 --- a/vanilla-extract/README.md +++ b/vanilla-extract/README.md @@ -8,6 +8,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/vanilla-extract) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example This example shows how to use the built-in Vanilla Extract support in Remix. Vanilla Extract is a zero-runtime CSS-in-TypeScript library that converts `.css.ts` files into static CSS at build time, providing first-class support for local-scoping of classes, variables, themes and more. diff --git a/xata/README.md b/xata/README.md index 3d64a507..f67dc909 100644 --- a/xata/README.md +++ b/xata/README.md @@ -13,6 +13,8 @@ Open this example on [CodeSandbox](https://codesandbox.com): - [![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/remix-run/examples/tree/main/xata) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/remix-run/examples) + ## Example Execute [`create-remix`](https://github.com/remix-run/remix/tree/main/packages/create-remix) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example: