【2023年02月13日追記】 コンソールからCORSの設定が出来るようになったようです。 こちらの記事はコンソールから設定できない場合にAPIから設定する方法です。 はじめに 先月にGAとなったCloudflare R2を使って静的ファイルを配信する場合の設定や使用例などを記事に起こしていきます。 【前提条件】 Cloudflareのアカウント作成方法については触れませんのでご自身で調べて下さい Cloudflareのコンソール画面を紹介していますが、言語設定を英語にしているため、そのままの紹介です Next.jsを例にビルド済みのJavaScriptやCSSの配信例を記載します 静的ファイルは専用のサブドメインから配信するものとします まとめ ざっと記事として言いたいことから public domain accessが使えるようになっているので使用するのが吉 AWS S3やGCSと異な
![Cloudflare R2で静的ファイルを配信する - CORS設定を添えて -](https://cdn-ak-scissors.b.st-hatena.com/image/square/b575aa7ca02c43eb0603bfcf08350091038233d7/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--X3S7x4Zw--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ACloudflare%252520R2%2525E3%252581%2525A7%2525E9%25259D%252599%2525E7%25259A%252584%2525E3%252583%252595%2525E3%252582%2525A1%2525E3%252582%2525A4%2525E3%252583%2525AB%2525E3%252582%252592%2525E9%252585%25258D%2525E4%2525BF%2525A1%2525E3%252581%252599%2525E3%252582%25258B%252520-%252520CORS%2525E8%2525A8%2525AD%2525E5%2525AE%25259A%2525E3%252582%252592%2525E6%2525B7%2525BB%2525E3%252581%252588%2525E3%252581%2525A6%252520-%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Achimame%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2hYcXZ5cVc1R2VmaDl4ZDQzMVdlUlljcE14TXlwcDJfRnNVNDhSWFE9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)