個人的におすすめしたい Feature-Sliced Design というフロントエンドアーキテクチャ設計方法論
https://zenn.dev/moneyforward/articles/e1ed48c3974811
Feature-Sliced Designは、フロントエンドアプリケーションを対象としたアーキテクチャ設計方法論- 公式サイトでは、
コードを整理するためのルールと規約の集大成と記載されています - Feature-Sliced Design では、プロジェクトは Layer で構成され、各 Layer は Slice で構成され、各 Slice は Segment で構成される
Findy転職フロントエンドの開発生産性を向上させるためにやったこと
https://tech.findy.co.jp/entry/2024/05/13/083000
- Nx
- コマンドひとつで TypeScript + React + Jest + ESLint + Prettier が揃った開発環境を作成できる
- Nx Cloud
- リモートキャッシュを活用したテストの高速化を実施
脳に収まるコードの書き方
https://www.oreilly.co.jp//books/9784814400799/
Google、フルスタックのWebアプリホスティング環境「Firebase App Hosting」パブリックプレビュー開始。AngularとNext.jsをサポート
https://www.publickey1.jp/blog/24/googlewebfirebase_app_hostingangularnextjs.html
- Firebase App HostingはGitHubと接続することで、開発者がコードをGitHubにプッシュすると自動的にFirebase App Hostingにコードが取り込まれる
- 取り込まれたコードはCloud Buildで自動的にビルドが行われて静的なコンテンツがレンダリングされ、動的なコンテンツはCloud Runにデプロイされ、Cloud CDNでコンテンツがキャッシュされることで、自動的にWebアプリケーションがデプロイされる
- 対応するフレームワークはAngularとNext.js。いずれも手動での設定をすることなく、Firebase上でフルスタックのWebアプリケーションの構築と実行が可能