framer-ci-integration

# Framer CI Integration ## Overview Set up CI/CD for Framer plugins and Server API integrations. Plugin builds are tested with Vite + vitest. Server API CMS sync can be triggered from CI for automated content publishing. ## Instructions ### Step 1: GitHub Actions for Plugin Build ```yaml name: Framer Plugin CI on: push: branches: [main] pull_request: branches: [main] jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: { node-version: '20', cache: 'npm' } - run: npm ci - run: npm run build - run: npm test cms-sync: if: github.ref == 'refs/heads/main' needs: build runs-on: ubuntu-latest env: FRAMER_API_KEY: ${{ secrets.FRAMER_API_KEY }} FRAMER_SITE_ID: ${{ secrets.FRAMER_SITE_ID }} steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: { node-version: '20', cache: 'npm' } - run: npm ci - name: Sync CMS and publish run: node scripts/sync-and-publish.js ``` ### Step 2: CMS Sync Script for CI ```typescript // scripts/sync-and-publish.ts import { framer } from 'framer-api'; async function main() { const client = await framer.connect({ apiKey: process.env.FRAMER_API_KEY!, siteId: process.env.FRAMER_SITE_ID!, }); // Fetch content from your CMS/API const posts = await fetch('https://your-api.com/posts').then(r => r.json()); // Sync to Framer CMS const ...