Next.jsとPrismaをCloudflareにデプロイして月300万のDBクエリに無料で耐える
はじめに Next.js を Cloudflare にホスティングしようとすると、必然的に Edge Runtime 環境になります。しかし、Edge Runtime 環境では、Node.js Runtime と異なり、Prisma がそのまま使えません。 最初に思い浮かぶ解決策は Prisma Accelerate です。Prisma Accelerate は公式のサービスで、接続プールイングやグローバルキャッシュ機能を備えており、Edge Runtime でも Prisma を使えるようにします。 しかし、無料プランだと月に 6 万クエリの制限があり、本番運用には不安が残ります。 そこで、今回は Prisma Accelerate を自前で Cloudflare Workers 上に構築し、本番運用に耐えうるサービスを無料で開発する方法を紹介します。この方法なら、無料プランでも 月に
「しいたけ占い公式サイト」を支える技術 | Hori Blog
Hori Blogフリーランスでバックエンドエンジニアとして活動している Ryota Hori のブログです。 最近はテック系記事より雑記ブログ気味。 ご縁がありまして「しいたけ占い公式サイト」の開発に携わりました。 比較的シンプルなページ構成ですが、高トラフィックを快適に提供する Web サイトとして色々と工夫したので記録に残しておきます。似たような構成の Web サイトを構築する際の参考になれば幸いです。 （技術的開示および実績公開に関してはしいたけ.さんより許諾を頂いております。ありがとうございます。） 「しいたけ占い公式サイト」とは 占い師であるしいたけ.さんが占いコンテンツを連載する公式サイトです。 しいたけ占いの公式サイト。占い師しいたけ.が 12 星座別の運勢をオーラカラーと共に診断。毎週月曜日更新の週刊占いと、上半期、下半期占いをお楽しみいただけます。 しいたけ占い公式サイ
Cloudflare PagesでNext.js App Routerを使ってみる
はじめに Cloudflare Developer Week 2023にて数々の魅力的な発表がある中、Cloudflare PagesでNext.jsを利用するためのパッケージ@cloudflare/next-on-pagesがv1.0.0となりました。 執筆時の最新版であるv13.4.2のApp Routerにも対応しているということで早速試してみました。 なお、現時点でサポートされている機能については@cloudflare/next-on-pagesのドキュメントにもまとまめられています。 検証環境 Next.js v13.4.2 @cloudflare/next-on-pages 1.0.0 試してみる @cloudflare/next-on-pagesを使ってCloudflare Pagesにデプロイしてみます。 Next.jsのセットアップ まずはNext.jsの環境を用意します
Cloudflareに入社しました - ゆーすけべー日記
本日4/17日(月)付でCloudflareに入社しました。ロールはDeveloper Advocate、日本法人との契約ですが、日本に限りません。入社へのプロセスではUS、ヨーロッパのメンバーとやりとりをして、入社後のボスはUSになります。「Developer Advocate」は日本はもちろんアジアでは初、Cloudflareの中でも新設される部です。扱うのは主にWorkers製品で、Honoなどのフレームワークやユースケースを示すアプリケーションの開発と、製品と開発者をつなぐことをやります。 経緯 Hono 僕がユーザーとしてCloudflare Workersに触れたのは、一昨年、2021年の10月です。ブログ記事を書いています。 Cloudflare Workers 面白い - ゆーすけべー日記 そして、同年の12月には、Cloudflare Workers向けのフレームワーク「
Cloudflare Zero Trustを利用して開発環境への安全なアクセス方法を構築する | CyberAgent Developers Blog
この記事は CyberAgent Developers Advent Calendar 2022 の6日目の記事です。 AI事業本部の黒崎(@kuro_m88)です。CyberAgent Developers Advent Calendar 8回目の参戦です！ 今年はCloudflare Zero Trustを利用してオフィスでもリモートワークでも安全に必要な人だけが開発環境にアクセスできる仕組みを作ったので、それについてご紹介します。 開発環境におけるアクセス制御の課題 私が所属するサイバーエージェント AI事業本部の小売DX部門では様々な小売企業のアプリやCDPと呼ばれるデータ基盤の開発をしています。 事業内容についてはこちらをご参照ください。 この組織では、立ち上げから2年以上が経過し、組織として抱えるプロジェクトやメンバ、職種がかなり多くなってきました。 大きな組織の中で複数の顧客
CloudFront+S3構成だった自分のサイトをCloudflare+R2に移行した - Lambdaカクテル
自分のウェブサイト( http://www.3qe.us/ )をCloudFront+S3構成からCloudflareを使った構成に乗り換えたので、ひっかかった点やつまづいた点などをメモしておく。 結論としては普通に移行できたが、メールとの兼ね合いでDNSまわりでちょっと配慮が必要な部分があるかも、といった具合。試したいときは全部読んでからチャレンジしよう。 ウェブサイトの静的配信にCloudFrontとS3を使っていた モチベーション: ALBのコストが高い Cloudflare 構成 Cloudflare Pages Cloudflare+ Denoflare + R2 修正 R2のstatic hosting機能を直接使う 手順 Webサイト追加 R2バケット作成 APIトークン作成 Denoflareでworkerをデプロイする 完了 まとめ オチ 参考文献 ウェブサイトの静的配信
ブログの画像配信サーバーとして Cloudflare R2 を使う | 高木のブログ
この記事は Cloudflare Advent Calendar 2022 の23日目の記事です 今までブログの画像配信サーバーとして Google Cloud Storage を使っていたが、ブログを Cloudflare Pages に移行したこともあり、どうせならと画像のホスティングも Cloudflare R2 に移行することにした R2 が GA （一般公開）され、パブリックアクセス（独自ドメイン可）ができるようになったのも理由の一つにある（今までは Cloudflare Workers 経由でしかパブリックアクセスできなかった） Cloudflare R2 とは 簡単にいうと、エグレス料金の掛からない Amazon S3 互換のオブジェクトストレージ 料金体系 ストレージ: 月額 $0.015 / GB クラス A 操作: 月額 $4.50 / 100万回 クラス B 操作:
Cloudflareコラム | Cloudflareの動画配信プラットフォーム触ってみた
自社のサイトに動画コンテンツを埋め込む際、どんな仕組みを検討しますか？ Youtubeなどの無料の動画サイトを利用するケースも多いと思いますが、SaaSとして提供された動画配信プラットフォームを使うのもお勧めです。 法人向け商材の宣伝動画などでは、ビジネスパーソンが会社で見ている可能性が高い訳ですが、企業に設置されたUTMなどのセキュリティ装置にて社員によるYoutubeなどの動作サイトやSNSサイトなどへの通信をブロックするよう設定されていることがあります。 また、Youtubeのアイコンを消したいと考えるWebマスターもいますが、Youtubeの仕様でこれはどうしても出来ません。 そこで今回、Cloudflareの動画配信サービスを触ってみましたが、機能・性能、そして使いやすさも良さそうでしたのでご紹介致します。Youtubeの動画をサイトへ埋め込む場合と同様、Webサイトの容量を消費
CloudFlare経由のアクセスでも実IPアドレスをnginxのログに記録する
2023年8月追記・今は無料で使えるCloudflare Tunnelを使うのがオススメ 3年前のこの記事、めちゃくちゃ面倒くさい設定をしていますが、確か2年以上前からCloudflare Tunnelを使ったローカルサーバーの公開が無料... しかし、CloudFlare経由でアクセスするサイトの場合、このままだとCloudFlareのアドレスだけが記録されてしまいます。そこで、実IPアドレスを記録するために、nginx-proxyコンテナに「/etc/nginx/conf.d/001_cloudflare_real_ip.conf」を以下の内容で作成しました（上の記事ではホストの「./_data/nginx/conf.d/」を「/etc/nginx/conf.d/」にボリュームマウントしています）。 set_real_ip_from 173.245.48.0/20; set_real_
How to use use Cloudflare (full) SSL with AWS ELB?
Hello, For now, I am using Cloudflare with full SSL and an EC2 instance and it works fine. But because of traffic, I need to launch a second ec2 instance and use the load balancer, but as I want all my traffic to go with HTTPS, AWS is asking me to upload a certificate. I tried to generate a Origin Certificate from Cloudflare and import it to AWS but it doesn’t accept my certificate. I don’t know w
Cloudflareでサブドメインを独立したサイトとして登録する | DevelopersIO
Cloudflareの設定はサイト全体で有効なものが多いです。 今回はサブドメインを新規サイトとして登録し、親ドメインと設定を変える方法を紹介します。 やってみた サブドメインを新規サイトとして登録し、このサブドメインを委任することで実現できます。 以下では、example.com(委任元)がCloudflare上でサイト登録されている前提で サブドメイン sub.example.com(委任先) を新規サイトとして追加します。 最終的なDNS設定 1. サブドメインのサイトを追加 sub.example.com をサイト追加します。 このサブドメインのDNS設定をインポートするためにスキャンが始まります。 インポートすべきレコードが存在しないため、この手順をスキップし、サイト一覧から追加したサイトを選択します。 2. サブドメインのネームサーバーを確認 追加したサイトのDNS→Cloud
Cloudflare面白い - ゆーすけべー日記
最近 Cloudflare を使ってみてるのだが面白い。このブログも現在は Cloudflare から配信している。Cloudflare、CDN としても CDN 以外の部分でも面白い。今日はそんな Cloudflare の面白い点について紹介してみる。 簡単 まずはこれ。他のクラウドサービスと比べても、簡単に設定ができる。ダッシュボードも簡潔でわかりやすい。 特に導入するのが簡単だ。以下がその手順である。 ドメインのレジストラで、DNS サーバーを Cloudflare のものにする 利用したいホストの A レコードの IP をオリジンに向ける Cloudflare にプロキシさせる たったこれだけで、あなたのサイトは Cloudflare の CDN を経由することになるのだ！！ AWS の CloudFront や Google の Cloud CDN なんかはだいぶ煩雑でガチっぽい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Jayson-Fong/S3PolicyUpdate-CloudflareIps: Automatically update your S3 bucket policy to incorporate Cloudflare's latest set of IP addresses.
https://community.cloudflare.com/t/r2-inner-page-instead-to-r2-custom-domain/434906
Cloudflare R2(beta)を動作検証ーS3との比較やGUIの使い勝手も確認 - アクセリア株式会社