静的Webサービスの検討

2024/02/12に公開

モチベーション

  • 個人サービスをなるべく安価に作成する
  • モダンなフロントエンド開発
  • 最低限のセキュリティ

技術選定

  1. アプリケーションフレームワーク
    1. Astro
      1. Typescript
      2. Vue3(コンポーネント)
    2. Bootstrap5
  2. インフラストラクチャ(選定中)
    1. Github Pages
    2. GitLab Pages
    3. Cloudflare Pages
    4. Firebase Hosting

アーキテクチャ

  1. Astroベースのアプリケーションのため、静的Webアプリケーションとする
  2. リソースの取得はビルド時に取得する
    1. CICD連携(GitLab CICDのTrigger)
      1. 公開API
      2. Webスクレイピング
    2. サーバレスサービス
      1. マスタデータなどの固有データ
      2. AWS Appsyncであれば、GraphQLサービスが簡単に作れる?
  3. 公開範囲
    1. Gitホスティングサービス
      1. Privateリポジトリを利用
      2. Github PagesはPersonalプランだとPublicになってしまう
    2. クラウドサービス
      3. 各Firewall機能

Discussion