Step: Cloudflare Pagesの始め方
アイキャッチ この記事ではCloudflare Pagesにアプリをデプロイする方法を記載しています。 Cloudflare Pagesとは 前提 手順 エラー時の対処方法 Error: Image Optimization using Next.js’ default loader is not compatible with next export. 原因 対策 Cloudflare Pagesとは Cloudflare Pagesは最近人気の静的サイトのホスティングサービスです。無料プランでも十分過ぎる内容で人気が出ています。 Free - 同時に1つのビルド - 月に500回のビルド - 無制限のサイト - 無制限のリクエスト - 無制限の帯域幅 サポートしているフレームワークも豊富です。 - Gatsby - Hugo - Jekyll - Next.js - React - V
コンテンツの更新時にCloudflare Pagesでデプロイを行う
このチュートリアルでは、Webhook を利用して、コンテンツの更新時に Cloudflare Pages でビルド・デプロイを行う手順を紹介します。 前提条件 デプロイを行うGitリポジトリは既にCloudflare Pagesに接続されていること Gitリポジトリを介してCloudflare Pagesへのデプロイが成功していること GitリポジトリのCloudflare Pagesへの接続についてはCloudflare Pagesの Get started のドキュメントをご確認ください。 リポジトリの接続後、ビルドやデプロイが失敗する場合は、ビルドの設定に問題ないか、Cloudflare Pagesの Build configuration のドキュメントをご確認ください。 概要 Cloudflare Pagesの Deploy Hooks を利用します。 Deploy Hooks
GitHub ActionsでビルドしてCloudflare Pagesにデプロイする
やりたいこと Cloudflareは無料プランでも最高。今までGitHub PagesやNetlifyにデプロイしてCloudflare経由で配信してきた。Cloudflareは速くて安定している。 Cloudflare Pages のリポジトリ連携よりは GitHub Actionsで好きなビルド方式でビルドしたものをCloudflare PagesにデプロイしたいとCloudflare Pagesが発表された時から思っていた。それを可能にするGitHub ActionsをCloudflare公式が開発しているのを発見した。その使い方ともっとプレビューを活かせる方法も+αして書いていきたい。 コミットごとにプレビューのページが作成される。 プレビュー例: https://8ba3e416.cloudflare-pages-with-github-actions-prac.pages.de
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
