#Next.js
9 件の記事
StripeとNext.jsで決済機能を実装する——Checkout・Webhook・本番対応まで
Next.jsにStripeを組み込んでEC決済を実装する手順を解説。Checkout Session作成・Webhook受信・エラーハンドリング・本番公開前チェックリストまで、TypeScriptのコード例で体系的にまとめる。
フロントエンドエンジニアが最低限知っておくべきアクセシビリティ入門
WAI-ARIA・セマンティックHTML・キーボード操作・コントラスト比など、ReactとNext.jsプロジェクトで押さえるべきアクセシビリティの基本を実装例とともに解説。医療系システムの現場での実体験もあわせて紹介。
Next.jsのデプロイ先を選ぶ——Vercel・AWS・Herokuを比較して学んだこと
Next.jsアプリのデプロイ先としてVercel、AWS（S3+CloudFront、Amplify、EC2）、Herokuを比較。SSG・SSR・ISRの特性も踏まえ、プロジェクト規模・要件ごとの選択基準を実務経験から整理する。
styled-components vs CSS Modules——Next.jsプロジェクトでCSS設計を選ぶ基準
CSS-in-JSのstyled-componentsとCSS Modulesをパフォーマンス・DX・チーム開発の観点で比較。Next.js + TypeScriptプロジェクトでどちらを選ぶべきか、実務経験をもとに判断基準を整理する。
React×Next.jsの選択基準を実務から考える —SPA・SSR・SSGをどう使い分けるか
治験CRMではSPA、このブログではSSGを選んだ理由を実体験から整理。App Router vs Pages Router、CSR/SSR/SSG/ISRそれぞれのユースケースと実務での判断基準をまとめます。
TypeScriptとReact/Next.js実践本を読んで実務で使い続けた話——テックリード視点の正直な評価
TypeScriptとReact/Next.jsでつくる実践Webアプリ開発を実務投入直前に読み、その後チームに展開するまでの体験談。初心者向けの入門書として買ったが、中級者になった今でも参照する理由を正直に書く。
TypeScriptとReact/Next.js実践本を未経験エンジニアが読んだ正直な感想
エンジニア転職直後、TypeScriptもReactも「名前だけ知っている」状態で手に取った一冊の正直な評価。独学からの実務投入前に読んで何が役立ったか、何が足りなかったかを書く。
Next.jsでSEOを実装するときに押さえるべきこと——メタデータからJSON-LDまで
「Next.jsを使えばSEOは大丈夫」は誤解。App RouterでのMetadata API、OGP、JSON-LD、サイトマップの実装方法と実務での注意点をまとめる。
Next.jsのSSR・SSG・ISRを実務でどう使い分けるか
ドキュメントを読めばわかるが実務判断が難しいNext.jsのレンダリング手法。複数プロジェクトの経験から判断フローと落とし穴を整理する。