# Framework Guides ## Nuxt.js Web components can only be run on the client, so no SSR or SSG. To add LDRS to a Nuxt project use a dynamic import in the `onMounted` Lifecycle Hook. For convenience you can wrap your loader in a Vue component that handles the import and registration. [``](https://nuxt.com/docs/api/components/client-only) ensures the component will only on the client side, even with SSR. ```vue ``` Then you can import and render this component in any client component. ## Astro To use LDRS with Astro, just import and register your loader inside of a ` ``` Once that's done you can add the `` loader component anywhere in your project. Another option is to import and register your loader in a framework component that you tag with `client:only`. If you do this, you can use auto-defining loaders. In a React component, for example: ```jsx import 'ldrs/reuleaux' export default function Sidebar() { return // Nice } ``` Then, in an `.astro` file: ```jsx ```