RSS DEV コミュニティ
フォロー
ReactとWeb APIを使用して、サーバーコストゼロで13個のMicro-SaaSを構築した方法
著者は、サーバーコストとプライバシーの懸念を回避するために、ユーザーのブラウザで完全に実行される13のユーティリティを提供するWebアプリケーションであるZeroToolsを開発しました。PDF処理や画像操作などのタスクのための従来のSaaSツールは、バックエンドサーバーとストレージを必要とし、多額の費用がかかり、プライバシーの問題を引き起こします。ZeroToolsは、最新のWeb APIとWebAssemblyを活用することで、これらを回避します。画像圧縮はHTML5 Canvas APIを使用して実現され、ファイルをアップロードせずにローカルで処理できます。AIを活用した背景削除では、`@imgly/background-removal`ライブラリがWebAssemblyを利用し、機械学習モデルがユーザーのデバイスで実行できるようになります。圧縮とメタデータ削除のためのPDF操作は、クライアントサイドでも動作する`pdf-lib` JavaScriptライブラリによって処理されます。このアプリケーションは、Viteを使用した静的なReactアプリとして構築され、Vercelの無料ティアにホストされているため、ホスティングコストはゼロです。このアーキテクチャにより、機密ファイルがサーバーに送信されることはないため、ユーザーのプライバシーは100％保証されます。これらのツールはユーザーに無制限の利用を提供し、処理能力が唯一の制約となります。著者は、このクライアントサイドのみのアーキテクチャに関するフィードバックを歓迎し、ユーザーにZeroToolsのテストを奨励しています。
