Posted inプログラミング
React Server ComponentsでNext.jsのバンドルサイズを削減する
React Server Components（RSC）がどのようにNext.jsのバンドルサイズを縮小し、パフォーマンスを向上させるかを探ります。6ヶ月間の本番環境での経験に基づいた実践的なガイドです。
Posted inプログラミング
拡張性に優れたアーキテクチャ：Storybook、Tailwind、CVAによるデザインシステムの構築
フロントエンドプロジェクトは、ロジックが複雑化するまでスムーズに拡張されます。Next.js、Tailwind CSS、CVAを使用して、開発を加速しUIバグを排除する、型安全でドキュメント化されたデザインシステムの構築方法を学びましょう。
Posted inプログラミング
tRPCとTypeScriptでNext.jsに型安全なフルスタックAPIを構築する — スキーマ定義不要
tRPCを使えば、コード生成や別スキーマファイルなしに、Next.jsのバックエンドとフロントエンド間でTypeScriptの型を共有できます。このチュートリアルでは型安全なフルスタックAPIをゼロからセットアップする手順を解説します。サーバー側でフィールド名を変更すると、本番ではなくコンパイル時に即座にクライアントのエラーとして検出されます。
Posted inプログラミング
Astro vs Next.js: ブログ構築のための最新フレームワーク
次のブログプロジェクトでAstroとNext.jsのどちらを選ぶか迷うかもしれませんが、それぞれの核となる哲学を理解すれば選択が明確になります。Astroは最小限のJavaScriptでコンテンツを配信し、比類のないパフォーマンスを発揮するため、静的コンテンツ中心のブログに最適です。Next.jsはフルスタック機能と豊富なReactエコシステムを提供し、複雑なアプリケーションに発展する可能性のある動的なブログに最適です。