add ci to deploy website

.github/workflows/website.yml

@@ -0,0 +1,60 @@
+name: Deploy to GitHub Pages
+
+on:
+  # Trigger the workflow every time you push to the `main` branch
+  # Using a different branch name? Replace `main` with your branch’s name
+  push:
+    branches: [main]
+  # Allows you to run this workflow manually from the Actions tab on GitHub.
+  workflow_dispatch:
+
+# Allow this job to clone the repo and create a page deployment
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout your repository using git
+        uses: actions/checkout@v3
+
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8.x.x
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.x
+          cache: pnpm
+          cache-dependency-path: pnpm-lock.yaml
+
+      - name: Install
+        run: |
+          pnpm install
+          pnpm build
+
+      - name: Build
+        run: |
+          cd website
+          pnpm run build
+
+      - name: Upload Page Artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: 'website/dist/'
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

package.json

@@ -36,5 +36,6 @@
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "eslint --cache --fix",
     "*.{js,jsx,ts,tsx,md,html,css,json}": "prettier --write"
-  }
+  },
+  "packageManager": "pnpm@8"
 }

website/astro.config.mjs

@@ -6,6 +6,7 @@ import tailwind from '@astrojs/tailwind'
 
 // https://astro.build/config
 export default defineConfig({
+  site: 'https://orga.js.org',
   integrations: [
     react(),
     orga({

website/public/CNAME

@@ -0,0 +1 @@
+orga.js.org

website/src/components/playground.astro

@@ -0,0 +1,9 @@
+---
+  import Playground from './playground.tsx'
+  import Editor from './editor.tsx'
+  const {content} = Astro.props.metadata || Astro.props;
+---
+
+<div class='h-[350px] not-prose'>
+  <Editor className='h-full w-full' client:load content={content} />
+</div>