✨Feat: Cloudflare Pages support (#77)

* ✨ Cloudflare support

* 📝 Doc: update README, changset

---------

Co-authored-by: kwchang0831 <88667293+kwchang0831@users.noreply.github.com>

.changeset/angry-otters-add.md

@@ -0,0 +1,5 @@
+---
+'@kwchang0831/svelte-qwer': minor
+---
+
+✨ Feat: Cloudflare Pages support

README-zh.md

@@ -90,7 +90,7 @@ npx degit kwchang0831/svelte-QWER my-blog
 
 - 🌐 多國語系 i18n 透過 [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n)。
 
-- 🚀 免費架設部落格於 [Vercel](https://vercel.com/) 或 [Netlify](https://Netlify.com/) 上。
+- 🚀 免費架設部落格於 [Vercel](https://vercel.com/), 或 [Netlify](https://Netlify.com/), 或 [Cloudflare Pages](https://pages.cloudflare.com/) 上。
 
 ## 📚 了解更多
 

README.md

@@ -90,7 +90,7 @@ npx degit kwchang0831/svelte-QWER my-blog
 
 - 🌐 i18n via [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n).
 
-- 🚀 Deploy the blog **Free** on [Vercel](https://vercel.com/) or [Netlify](https://Netlify.com/).
+- 🚀 Deploy the blog **Free** on [Vercel](https://vercel.com/), [Netlify](https://Netlify.com/), or [Cloudflare Pages](https://pages.cloudflare.com/).
 
 ## 📚 Learn More
 

package.json

@@ -65,6 +65,7 @@
     "@iconify-json/vscode-icons": "^1.1.26",
     "@kwchang0831/qwer": "link:QWER",
     "@kwchang0831/svelte-qwer": "link:",
+    "@sveltejs/adapter-cloudflare": "^2.3.2",
     "@sveltejs/adapter-netlify": "2.0.8",
     "@sveltejs/adapter-node": "1.3.1",
     "@sveltejs/adapter-static": "2.0.3",

svelte.config.js

@@ -2,25 +2,34 @@ import adapterNode from '@sveltejs/adapter-node';
 import adapterStatic from '@sveltejs/adapter-static';
 import adapterVercel from '@sveltejs/adapter-vercel';
 import adapterNetlify from '@sveltejs/adapter-netlify';
+import adapterCloudflare from '@sveltejs/adapter-cloudflare';
 import preprocess from 'svelte-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   preprocess: preprocess({ preserve: ['partytown'] }),
   kit: {
-    adapter: Object.keys(process.env).some((key) => key.includes('VERCEL'))
-      ? adapterVercel()
-      : Object.keys(process.env).some((key) => key.includes('NETLIFY'))
-      ? adapterNetlify()
-      : process.env.ADAPTER === 'node'
+    adapter: getAdapter(),
+    csp: { mode: 'auto' },
+  },
+};
+
+function getAdapter() {
+  if (Object.keys(process.env).some((key) => key.includes('VERCEL'))) {
+    return adapterVercel();
+  } else if (Object.keys(process.env).some((key) => key.includes('NETLIFY'))) {
+    return adapterNetlify();
+  } else if (Object.keys(process.env).some((key) => key.includes('CF_PAGES'))) {
+    return adapterCloudflare();
+  } else {
+    return process.env.ADAPTER === 'node'
       ? adapterNode({ out: 'build' })
       : adapterStatic({
           pages: 'build',
           assets: 'build',
           fallback: null,
-        }),
-    csp: { mode: 'auto' },
-  },
-};
+        });
+  }
+}
 
 export default config;