# Primeros pasos · Instalación

Instala Edge y empieza a usarlo en React.

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

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

## Instalación

El adaptador de React requiere React 18 o 19. Aún no hay adaptadores para otros frameworks.

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>

## Estilos predeterminados

React prepara el CSS predeterminado al conectar una superficie, también al usar hooks sin Edge.Provider. No hace falta importar una hoja de estilos. Para SSR, renderiza Edge.Styles una vez por documento, antes de los estilos de la aplicación. Si la CSP requiere un nonce, usa el mismo nonce de la solicitud en el servidor y durante la hidratación.

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

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

Las importaciones de CSS existentes siguen siendo compatibles. El archivo CSS también está disponible para su uso sin un framework. Si lo importas explícitamente, cárgalo antes de los estilos de la aplicación y las utilidades; el reset puede ir primero. Las importaciones de CSS de paquetes requieren una herramienta de compilación que resuelva esas rutas.

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

## Empezar con Edge

Elige el área y las superficies en [Uso](https://edge.bolerish.com/es/docs/usage/) y conéctalas siguiendo [React](https://edge.bolerish.com/es/docs/react/usage/).