# Getting started · Installation

Install Edge and start using it in React.

Package: @bolerish/edge 0.4.0
Source: https://edge.bolerish.com/docs/installation/

<a id="installation"></a>

## Installation

The React adapter requires React 18 or 19. Other framework adapters are not available yet.

npm

```bash
npm install @bolerish/edge
```

pnpm

```bash
pnpm add @bolerish/edge
```

Yarn

```bash
yarn add @bolerish/edge
```

Bun

```bash
bun add @bolerish/edge
```

<a id="stylesheet"></a>

## Default styles

React prepares the default CSS automatically when a surface connects, with or without Edge.Provider. No stylesheet import is required. For SSR, render Edge.Styles once per document before application styles. If CSP requires a nonce, pass the same request nonce on the server and during hydration.

```tsx
<Edge.Styles nonce={nonce} />
```

```css
@import "@bolerish/edge/style.css";
```

Existing CSS imports remain supported. The CSS file is also available for framework-independent use. When loading it explicitly, put it before application and utility styles; a reset may load first. Package CSS imports require a build tool that resolves package paths.

<a id="next-steps"></a>

## Start using Edge

Choose an area and its surfaces in [Usage](https://edge.bolerish.com/docs/usage/), then connect them with [React](https://edge.bolerish.com/docs/react/usage/).