ろぼいんブログ

「Next.js」タグが付いた記事一覧

「How to optimize third-party libraries」というタイトルのNext.js公式ドキュメントのスクリーンショット

Next.jsでGoogle AnalyticsやYouTube埋め込みを簡単にできる@next/third-partiesの使い方

Next.jsには、人気なサードパーティのライブラリーをパフォーマンスに配慮しながら簡単に使える公式パッケージ@ next/third-partiesが用意されています。この記事では、@next/third-partiesの使い方を解説します。

Payload CMSの公式Webサイトのスクリーンショット

Payload CMSのライブプレビューの実装でつまづいたこと

Payload CMSは、標準でライブプレビュー機能をサポートしています。ところが、ドキュメントにしたがって実装したにもかかわらず、ライブプレビューが機能しないという問題に遭遇しました。

CloudflareのCache Rulesの設定画面のスクリーンショット
HowTo

Next.jsで最適化した画像をCloudflareでキャッシュできるようにする方法

Next.jsの<Image>コンポーネントを使うと簡単に画像を最適化できますが、これによって最適化した画像は、デフォルトではCloudflareにキャッシュされません。この記事では、Next.jsで最適化した画像をCloudflareにキャッシュする方法を解説します。

サムネイル
ニュース

Next.jsに認証をバイパスできる脆弱性 直ちにアップデートを

人気なReactフレームワークのNext.jsに、認証チェックをバイパスできる脆弱性が見つかりました。今回発見された脆弱性(CVE-2025-29927 / GHSA-f82v-jwr5-mffw)は、Next.jsのミドルウェアで認証を処理している場合に、ミドルウェアをバイパスすることで認証を回避できるというものです。

サムネイル
ニュース解説

Create React Appがついに非推奨に 移行先としてNext.jsやRemixが推奨

025年1月29日、Reactプロジェクトの立ち上げに広く利用されてきたCreate React App(CRA)が正式に非推奨となりました。以前から「CRAが非推奨になるのではないか」という噂が広まっていました。