OpenNext + Drizzle で Cloudflare D1 環境を最も楽に構築する
はじめに OpenNext + Cloudflare D1 を使った開発で、ローカル環境での開発・テスト・本番への移行を効率的に行いたいと考えたことはありませんか。 愚直に実現しようとすると、環境ごとに異なる設定ファイルを用意したり、テストデータの管理に手間がかかります。Drizzle のエコシステム（drizzle-orm、drizzle-kit、drizzle-seed）を活用することで、これらの課題を解決し、シームレスな開発体験を実現する方法を紹介します。 この記事では、実際の @opennextjs/cloudflare プロジェクト構成を参考に、ローカル開発からテスト実装、本番デプロイまでの一連の流れを解説します。 動作環境 { "dependencies": { "@libsql/client": "^0.15.10", "@opennextjs/cloudflare": "^
フロントエンド、バックエンド、データベースが1つのCloudflare Workerに
フロントエンド、バックエンド、データベースが1つのCloudflare Workerに2025-04-08 2024年9月、当社は静的アセットをホスト、保存、配信するためのベータサポートをCloudflare Workersで無料で利用できるようにしました。以前はCloudflare Pagesでのみ利用可能だったものです。静的アセット（クライアントサイドのJavaScript、HTML、CSS、フォント、画像）をホストする能力は、それまでのWorkersに欠けていて、単一Worker内でフルスタックアプリケーションを構築したい開発者が待ち望んでいた重要なサービスです。 本日、Cloudflareでのアプリ構築における10の大きな改善点を発表します。これらの新しい追加機能により、シンプルな静的サイトからフルスタックアプリケーションまで、すべてをCloudflare Workers上で構築し
Next.js ＆ Cloudflareざんまいは、simpleだけどeasyじゃない。けど、まぁ、いいわ。
どうせみんな、Cloudflareのことが好きなんでしょ。 私も大好き。 だってCloudflareってDBとかストレージとか色々あって、そんでもって無料枠が東京ドーム◯個分だもんね。 もうできるだけCloudflareに乗っかってアプリ作りたいわよね。 だから私、やってみたわ。 やってみた感想は、辛かったわ。。。 だけどその辛さを超えてしまえば、まぁ動くようになったしええか、って感じだわ。 何が辛くて、どうやって辛さを解消したかをシェアするわね。 Cloudflareざんまいの構成 Cloudflare D1 Cloudflare R2 Cloudflare Workers Cloudflare Workers KV Cloudflare Images Cloudflare Registrar Next.js Auth.js Drizzle ORM すんごいCloudflareでまとまっ
Templates
Templates are GitHub repositories that are designed to be a starting point for building a new Cloudflare Workers project. To start any of the projects below, run:
Cloudflare Workers で Slack アプリを動かす方法
最近、週末の趣味プロジェクトとして Cloudflare Workers（と Vercel Edge Functions）向けの Slack アプリ開発フレームワークを作りました。 私は普段 Slack の Developer Relations Engineer として Qiita の Slack チームの公式な記事を書いているのですが、この Cloudflare Workers 向けのものは業務で開発した公式ツールではなく、完全に個人プロジェクトなので、Qiita の Org ではなく Zenn に個人的な記事として書くことにします。 ・・・そして、書き終わってみると、随分と長い記事になってしまいました。興味のあるところだけでもぜひ読んでみてください。 この記事で説明するもの この記事では、Slack アプリ開発の基本と、以下のライブラリの使い方について解説していきます。 「Slack
大学の研究室ネットワークをCloudflare Zero Trustで武装した話
こんにちは！ 博士前期課程にて情報工学を専攻しているかぼすと申します. 今回はCloudflare Zero Trustを利用して研究室内に配置されている計算機サーバへのSSH接続のセキュリティ強化を行ったので備忘録的に記事を書いていこうと思います. 背景 私が所属している研究室では画像や音声・音楽, 通信などを主な研究分野として扱っているため, 実験の際には高い計算能力を持つ実行環境が必要であり, 研究室内に約10基ほどの計算機サーバが配置されていました. しかしながら各計算機サーバにはip, user名, passwordのみ知っていればSSHで侵入できてしまう状態であり, 計算機サーバにバックドア等が仕掛けられていたりと何かの拍子で認証情報が漏洩してしまった場合, 組織に所属していない人間でも誰でも侵入できてしまうような状態でした. これをどうにかしたいと考えた私は, 担当教員にCl
転職から半年経った亀田さんに聞いたCloudflareのすごいところ (1/4)
熱狂の卒業イベントから半年、みんな大好き元AWSの亀田治伸さんがCloudflareのエバンジェリストとして戻ってきた。久しぶりのインタビューは、転職した経緯やCloudflareのサービスや設計思想、ゼロトラストの定義、コミュニティの話まで多岐に及んだ。（インタビュアー ASCII編集部 大谷イビサ 以下、敬称略） ラストワンマイルの課題って意外と解消されていない 大谷：まずは改めてAWSからCloudflareに転職した経緯を教えてください。 亀田：AWSに7年半いて、後半5年はエバンジェリストをやらせてもらいました。クラウドは世の中を大きく変え、これから必須の存在になると私は確信しています。一方で、クラウドに面白さを感じていた人たちがそれなりにシニアになり、イビサさんが先日書いていたようにある程度のイノベーションは出尽くしてきたのも事実です。 こういう時代になり、AWSでも、Goog
Cloudflare Workers で Hono と一緒に Discord BOT を動かす
はじめに Discord では、手軽に BOT を作成するための API が用意されており、さまざまなライブラリが存在するため手軽に BOT を作成することができます。 しかし、その多くは BOT のサーバーを建てる必要があり、常に BOT を立ち上げておきたい場合は、サーバーも常に起動していなければならず、動かしておくマシンの用意やサーバーへのデプロイにコストがかかることがあります。 Heroku の有料化以後、我々は無料で Discord BOT を運用できる場所を探し求めているわけですが、今回は、Cloudflare Workers を使ってランタイムコストなしで Discord BOT を運用 し、さらに Cloudflare Workers KV との連携 や、Hono エンドポイントとの共存 方法を紹介します。 具体的には、KV に保存されたクイズ問題を読んでユーザーに提供した
Hono + Cloudflare Workers でパスキーを試してみる
近年、パスキーと呼ばれる、パスワードの代わりに生体認証技術等を利用した認証方法が普及しつつあります。ブラウザからは、WebAuthn と呼ばれる API を介してパスキーを利用することが可能です。Cloudflare Workes + Hono を用いて WebAuthn を試してみたので、その実装を紹介します。 パスキーによる認証の実装例 なお、WebAuthn の情報に関しては、次の記事が参考になります。 ウェブ認証 API - MDN Web Docs Yahoo! JAPANでの生体認証の取り組み（FIDO2サーバーの仕組みについて - Yahoo! JAPAN Tech Blog） WebAuthnことはじめ | メルカリエンジニアリング 次世代の認証技術 WebAuthnを紹介【前編】 | TECH | NRI Digital 実装 実装は GitHub 上に公開しています。記
しずかなインターネットの技術構成
こんなWebサービスをリリースしたので、技術的な話をまとめておこうと思います。 元々このサービスは、趣味の延長線のような感じで開発を始めました。競合にあたるnoteやはてなブログなどのサービスが確固たる地位を築いているということもあり、「お金にはならないだろうけど、自分の趣味を詰め込んだものにしよう」というゆるい気持ちで開発を続けています（楽しい）。 選定の方針 趣味と言っても文章投稿サービスなので、ユーザーが少数であったとしても長期間運営しなければなりません。そのため、ユーザー数が少なければランニングコストが数千円/月以下、ユーザー数が増えたときは段階的にコストが上がるように選定を行いました。 アプリケーション フルスタックNext.jsアプリケーションをCloud Runにデプロイしています。各APIエンドポイントはNext.jsのAPI Routesで生やしています。 Next.js
Cloudflareスタックをモリモリ使ってアバター画像生成サービスを作った話
Cloudflare Workersを中心とした、Cloudflareの開発者向け製品群（いわゆるCloudflareスタック）は、今やそれだけでちょっとしたサービスを生み出すことが不可能ではなくなってきています。 今回、システム構成をCloudflareスタックにほぼ全振りした新サービスをお仕事で作ったので、工夫した点を紹介します。 なお、本記事で紹介するサービスは7月4日に正式リリースしたばかりで、本格的なトラフィックをほとんど経験していない状態でこの記事を書き始めています。2ヶ月ほど運用した後での生の声は、8月25日に新潟で行われる、Cloudflare Meetup Niigataで講演枠をいただいてお話しする予定ですので、気が向いた方は新潟まで足をお運びいただければと思います。 他にも機会があれば登壇したいので、Cloudflare系のイベントにお誘いいただけますと幸いです！ キ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - moasq/production-saas-starter: Production-ready B2B SaaS Starter Kit (Go + Next.js). Modular Monolith. Hexagonal Arch.
https://x.com/commte/status/1924661950044373361
https://x.com/HaruCoinlove/status/1990969620166287618
Thoughts on Cloudflare
GitHub - openRin/Rin: ⚡Dynamic blog based on Cloudflare Pages + Workers + D1 + R2
https://x.com/mizchi/status/1918958000011640865?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - stackblitz/bolt.new: Prompt, run, edit, and deploy full-stack web applications. -- bolt.new -- Help Center: https://support.bolt.new/ -- Community Support: https://discord.com/invite/stackblitz
ちまめ@rito on X: "そんな簡単に入るの？Cloudflare WorkersでOpen Telemetryはダルすぎて諦めてたけど、もう1回挑戦しようかな。 https://t.co/LzZb4bvOUe"
serinuntius🐈 on X: "@inaridiy CloudflareのDNS使ってるならDNSのproxy切らないと動かない！ 前ハマった！"