Заметки про React: “Фича флаги в Next.js Для Next.js появилась библиотека @vercel/flags/ne…”

Фича флаги в Next.js

Для Next.js появилась библиотека @vercel/flags/next для работы с фича-флагами в коде. Пример объявления:


import { unstable_flag as flag } from "@vercel/flags/next";

export const showBanner = flag({
  key: "banner",
  decide: () => false,
});

Пример использования:


import { showBanner } from "../flags";

export default async function Page() {
  const banner = await showBanner();
  return (
    <div>
      {banner ? <Banner /> : null}
      {/* other components */}
    </div>
  );
}

Библиотека не зависит от источника данных для фича-флагов, функция decide может быть асинхронной. Можно использовать как env переменные, так и делать запросы в провайдер данных для фича-флага:


export const showBanner = flag({
  key: "banner",
  async decide () {
    await featureFlagClient.init();
    return featureFlagClient.get(this.key);
  }
});

https://vercel.com/blog/flags-as-code-in-next-js