@astrojs/renderer-react

Use React components within Astro

Usage no npm install needed!

<script type="module">
  import astrojsRendererReact from 'https://cdn.skypack.dev/@astrojs/renderer-react';
</script>

README

@astrojs/renderer-react

This is a plugin for Astro apps that enables server-side rendering of React components.

Installation

Install @astrojs/renderer-react and then add it to your astro.config.mjs in the renderers property:

npm install @astrojs/renderer-react

astro.config.mjs

export default {
  // ...

  renderers: [
    // ...
    '@astrojs/renderer-react'
  ]
}

Documentation

Astro Renderer Documentation