---
title: "New versions (web)"
description: "Show people that a new version of your Flutter web app is out, with a Reload button, and require an update when an old version must stop."
product: push
language: en
url: https://abrova.ir/en/docs/push/web-updates
updated: 2026-11-15
---

# New versions (web)

Show people that a new version of your Flutter web app is out, with a Reload button, and require an update when an old version must stop.

## Step 1: Start it and show the prompt

`abrova_web` 0.2.0 or later (see [Install guide](https://abrova.ir/docs/push/install-guide#install-the-package)):

```dart
import 'package:abrova_web/abrova_web.dart';

void main() {
  AbrovaWebUpdates.start();
  runApp(MaterialApp(
    builder: (context, child) => AbrovaUpdateGate(child: child!),
    home: const HomePage(),
  ));
}

// Where people look, for example at the top of the home page:
AbrovaUpdatePrompt(icon: Image.asset('assets/icon.png'))
```

`AbrovaUpdatePrompt` shows "New version available" with Reload and Later after each deploy. It checks when the app opens, when it comes back to the front, and every 10 minutes.

## Step 2: Require an update

Add `web/update.json` to your app:

```json
{ "minimum": "0.6.0", "notes": { "en": "Faster sign-in.", "fa": "ورود سریع‌تر." } }
```

A page running an older version than `minimum` is covered by `AbrovaUpdateGate` until it reloads. `notes` is shown as "What's new" in both.

## Step 3: The running version

`AbrovaWebUpdates.runningVersion` is the version running in the page. Use it in your own update logic on the web: `package_info_plus` reads the server's `version.json`, which is already the new version after a deploy.