#JAMSTACK

全5件の記事(1 / 1ページ)

Next.jsに2行でプログレスバーを導入する

Tech

Next.jsに2行でプログレスバーを導入する

Next.jsでYouTubeやMediumのようなページ遷移プログレスバーを2行で簡単実装。nextjs-progressbarライブラリを使ったインストールから設定まで、カスタマイズ例付きで解説。

  • プログラミング
  • JAMstack
HugoのショートコードをNext.jsに移行

Tech

HugoのショートコードをNext.jsに移行

HugoのショートコードをNext.jsに移行する手順。unifiedエコシステムのremark/rehypeを使用してMarkdownからHTML、Reactコンポーネントへ変換する実装方法を詳細解説。

  • プログラミング
  • JAMstack
Cloudflare PagesとVercelを比べてみた

Tech

Cloudflare PagesとVercelを比べてみた

Cloudflare PagesとVercelのJAMstackホスティング性能比較。同一Hugoアプリケーションでのビルド速度、サイト表示速度、機能面を実測して評価した詳細レポート。

  • プログラミング
  • NET
  • JAMstack
Cloudflare PagesでHugoデプロイ時のバージョンを変更する方法

Tech

Cloudflare PagesでHugoデプロイ時のバージョンを変更する方法

Cloudflare PagesでHugoデプロイ時のバージョンエラー解決方法。hugo-theme-janeの古いHugoバージョン対応問題を環境変数HUGO_VERSIONで解決する手順を解説。

  • プログラミング
  • NET
  • JAMstack
WordPressからHugoへの移行

Tech

WordPressからHugoへの移行

WordPressからHugoへの完全移行手順。WordPress to Hugo Exporterでのデータ移行、画像処理、VercelでのホスティングまでSSG移行の実践ガイド。セキュリティと保守性の向上を実現。

  • プログラミング
  • JAMstack