> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reactif.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Get Reactif wired into your ASP.NET Core app in under 5 minutes.

## 1. Create an account

Sign up at [reactif.dev](https://reactif.dev) and confirm your email.

## 2. Create a project

After logging in, the onboarding will guide you through creating your first project and environments. Reactif creates three environments by default — Development, Staging, and Production.

## 3. Get your API key

Go to **Connections** in the dashboard. Your API key and Project ID are displayed there — copy both.

## 4. Install the NuGet package

```bash theme={null}
dotnet add package Reactif.Client
```

## 5. Add Reactif to your configuration

In `Program.cs`, add Reactif as a configuration source:

```csharp theme={null}
builder.Configuration.AddReactif(options =>
{
    options.ApiKey    = "your-api-key";
    options.ProjectId = "your-project-id";
});
```

## 6. Use your config

Reactif plugs into `IConfiguration` natively — use it exactly how you already use config in ASP.NET Core.

<CodeGroup>
  ```csharp Strongly typed theme={null}
  public class FeatureConfig
  {
      public bool RegistrationEnabled { get; set; }
  }

  // In Program.cs
  builder.Services.Configure<FeatureConfig>("Features");

  // In your service
  public class FeatureService
  {
      private readonly IOptionsMonitor<FeatureConfig> _config;

      public FeatureService(IOptionsMonitor<FeatureConfig> config)
      {
          _config = config;
      }

      public IActionResult Register()
      {
          if (!_config.CurrentValue.RegistrationEnabled)
              return Forbid();

          // registration logic
      }
  }
  ```

  ```csharp React to live changes theme={null}
  monitor.OnChange(config =>
  {
      // fires instantly when you change a value in the dashboard
      logger.LogInformation(
          "RegistrationEnabled changed to {Value}",
          config.RegistrationEnabled);
  });
  ```
</CodeGroup>

## 7. Push a change

Go to your Reactif dashboard, find the `Features:RegistrationEnabled` key and flip it to `false`. Your running app reacts in under 10ms — no restart, no redeploy.

<Check>
  You're live. Reactif is now part of your configuration pipeline.
</Check>

## Next steps

<CardGroup cols={2}>
  <Card title="Core Concepts" icon="layer-group" href="/concepts/overview">
    Understand projects, environments, keys, and connections.
  </Card>

  <Card title="IOptionsMonitor" icon="bolt" href="/guides/ioptionsmonitor">
    Learn how live config updates work with strongly typed config.
  </Card>

  <Card title="OnChange Callbacks" icon="bell" href="/guides/onchange">
    React to config changes in real time.
  </Card>

  <Card title="SDK Reference" icon="code" href="/sdk/reference">
    Full API documentation for Reactif.Client.
  </Card>
</CardGroup>