Closed2

bun + Astro + cloudflare pages, deploy手順

knaka Tech-Blogknaka Tech-Blog

概要

bun 1.0 , Astro , cloudflare pages 試すメモです


環境

  • bun 1.0
  • astro 3
  • cloudflare pages

参考

https://zenn.dev/knaka0209/scraps/c845cb67213263


  • astro installしておきます
  • adapter add
  • wrangler add
bunx astro add cloudflare
bun add -d @cloudflare/workers-types wrangler

bunx wrangler -v

bun --bun astro dev

login

bunx wrangler login

wrangler.toml

name = "astro3_7bun_pages"
compatibility_date = "2023-09-01"

[vars]
#MY_VARIABLE = "production_value"

build

bun --bun astro build

  • dev-server-start
bunx wrangler pages dev ./dist

deploy

bunx wrangler pages deploy dist

⇒初回は、Create a new project
projectName, branchName input

knaka Tech-Blogknaka Tech-Blog

package.json

{
  "name": "astro3_7bun_pages",
  "type": "module",
  "version": "0.0.1",
  "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "@astrojs/cloudflare": "^7.1.1",
    "@astrojs/react": "^3.0.2",
    "@astrojs/tailwind": "^5.0.0",
    "@types/react": "^18.0.21",
    "@types/react-dom": "^18.0.6",
    "astro": "^3.1.1",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "tailwindcss": "^3.0.24"
  },
  "devDependencies": {
    "@cloudflare/workers-types": "^4.20230914.0",
    "wrangler": "^3.8.0"
  }
}
このスクラップは2023/09/20にクローズされました