「 Next.js 」 一覧

はじめに Next.jsでサイトマップの実装を行う方法を調べたので簡単にまとめてみたいと思います。 Sitemapとは Google などの検索エンジンが効率的にクロールを行う為に、サイト上のページや ...

はじめに Vercel AI SDKを使ってChatGPTの様なチャットアプリを実装してみました Vercel AI SDKとは Next.jsなどのフロントエンドフレームワークを使ったWebアプリに ...

はじめに Next.jsでの実装において、他システムの挙動をトリガーにして、手動でフェッチキャッシュの再検証を実施したい場面に遭遇しました。 調べると、revalidatePathとrevalidat ...

はじめに Next.jsでリッチリザルト表示する為にJSON-LDを実装する方法を調べたので紹介したいと思います。 リッチリザルトとは Google検索した際に通常の検索結果に加えて、画像やFAQやパ ...

はじめに 最近、React用ライブラリのSWRを触る機会があったので備忘録的に内容について書きたいと思います。 概要 Next.jsを作成しているVercel製のデータフェッチ用ライブラリ。 APIで ...

はじめに 今回は、以下のように動画用の背景画像をHTML+CSSで作り、その中心に動画を合成してレンダリングしてみたいと思います。今回主に紹介したいのは、「DOMのキャプチャ」と「ffmpeg.was ...

はじめに 最近、Next.jsでFirestoreをバックエンドとしたPublicサイトの開発を進めていて、どのようにFirestoreのデータを取得するか、色々と調査検討してみたので、その結果をまと ...

はじめに 私個人のWebサイトをnetlifyからCloudflare Pagesに引っ越ししてみたので、Cloudflare Pagesを選定した理由と、実際の引越し作業についてまとめてみました。 ...

はじめに 今回はNext.jsでApp Routerを指定した場合のMetadataの設定方法を紹介します。合わせて、OGP画像の生成方法も紹介します。 Metadataとは? Metadataとは、 ...

はじめに Next.jsに入門して1週間で学んだことを記事にまとめます。 なぜNext.jsなのか? 今年は自分でも何か作ってみたいと思っているのですが、エンジニアとしてのテーマとして、経験したことの ...