カテゴリー「NEXT.js」の記事一覧
Cover Image for Tailwind CSS でダークモードを実装してみた

Tailwind CSS でダークモードを実装してみた

NEXT.js
SvelteKit
Web草紙
Tailwind CSS

筆者の Blog サイトでダークモードを実装した紹介です。Next.js と SvelteKit での実装について説明しています。SvelteKit については、日本語の情報量が少ないようだったので筆者の実装についてざっと説明しています。

Cover Image for Vercel のログを Axiom に送る設定手順

Vercel のログを Axiom に送る設定手順

Cloud
NEXT.js
Axiom
Logging

Vercel ホスティングサービスで稼働する Next.js アプリのログを Axiom に送る設定方法・手順を紹介しています。初めて設定する人や、英語ドキュメントが苦手な人の参考になればと記事にしました。

Cover Image for Vercel と Cloudflare の CDN キャッシュについて思うこと

Vercel と Cloudflare の CDN キャッシュについて思うこと

Cloud
NEXT.js
CDN
Cloudflare
Vercel

無料プラン前提の内容となりますが、Vercel と Cloudflare を実際に使ってみて、主に CDNキャッシュについて思ったことを記事にしています。キャッシュ Eviction(立ち退き)について簡単に説明しています。

Cover Image for Cloudflare を試す

Cloudflare を試す

NEXT.js
WordPress
CDN

無料枠の GCE に Next.js 14 と WordPress を詰め込んでみました。パフォーマンス改善のため、CDN に Cloudflare を利用して高速化してみた感想などを記事にしています。

Cover Image for Next.js でサイトを再構築

Next.js でサイトを再構築

NEXT.js
WordPress
GraphQL

WordPress をヘッドレスCMS にして Next.js でサイトを再構築しました。表示が速くなり、とても快適になりました。システム構成、GraphQL についての簡単な説明、メタディスクリプションの扱いなどにも触れています。

Cover Image for Next.js の Local Fonts は高パフォーマンス

Next.js の Local Fonts は高パフォーマンス

NEXT.js
WordPress
PageSpeed Insights
SEO

Next.js で作成したフロントアプリに、Local Fonts を適用することで携帯のパフォーマンス問題を解決した経緯を記事にしています。PageSpeed Insights で スコア 70台から 100 になりました。