皆さん、こんにちは！Server-Driven UI のライブラリを開発したので、ぜひ共有させてください。
実は React で SDUI を実装すること自体はそれほど複雑ではありません。ページをプレーンテキストとして保存し、JSX をパースして createElement でレンダリングすれば良いのです。本当の難しさは編集にあります。確かに誰でもテキストを直接編集できますが、ミスが起きやすいのが問題です。そこで、その上にビジュアルエディターを構築しました。 Composify は既存のコードを変更する必要がないように特に注意を払って設計しました。
実際に本番環境で使用しているコンポーネントを登録するだけで、社内の誰でもビジュアルインターフェースでページを組み立てることができます。コード変更は不要です。以前の社内バージョンではトラフィックの 60% 以上を処理しており、そのほとんどが非エンジニアによって作成されたページです。
主な機能
- Next.js、React Router、あらゆる React 環境に対応
- 単なる React コンポーネント
- データは完全にあなたが管理（JSX 文字列のみ）
- デザインシステムはそのまま維持
- マーケティング/コンテンツチームが自走可能に
ユースケース
- デプロイなしでランディングページを更新
- プロダクトチームが実際のコンポーネントで素早くプロトタイピング
- エンジニアリングのボトルネックを削減
オープンソース
数ヶ月間社内で使用していますが、とても良い結果が出ています。ぜひ試してフィードバックをいただけると嬉しいです！