Audit and fix accessibility issues across the portfolio to ensure WCAG 2.1 AA compliance.
日本語の概要は準備中です。原文の説明を表示しています。
PP-Namias/Portfolio22026年10月13日 更新
無料GitHub で公開
opennext-cloudflare
Deploy Next.js to Cloudflare Workers using OpenNext adapter
含まれるファイル（1）
- SKILL.md2.8 KB
SKILL.md（原文）
インストールする前に、エージェントに与えられる指示の中身を確認できます。
OpenNext Cloudflare Skill
Deploy Next.js applications to Cloudflare Workers using the @opennextjs/cloudflare adapter.
When to use this skill
- Deploying to Cloudflare Workers
- Troubleshooting Cloudflare deployment issues
- Configuring Cloudflare-specific features (KV, R2, D1)
- Setting up CI/CD for Cloudflare
Current setup
- Adapter:
@opennextjs/cloudflarev1.19.11 - Next.js: v16.2.9 (
--dangerouslyUseUnsupportedNextVersion) - Worker name:
namias - Compatibility flags:
nodejs_compat
Files
| File | Purpose |
|---|---|
wrangler.jsonc | Cloudflare Workers configuration |
open-next.config.ts | OpenNext build configuration |
src/middleware.ts | Middleware (renamed from proxy.ts for compatibility) |
Build and deploy
Local build
npx @opennextjs/cloudflare build
Deploy to Cloudflare
npx wrangler deploy
CI/CD
Deployment happens via GitHub Actions on push to main:
.github/workflows/cloudflare-deploy.yml- Uses
CLOUDFLARE_API_TOKENandCLOUDFLARE_ACCOUNT_ID
Common issues
"Cloudflare worker does not have a proxy.ts"
- Cause:
src/proxy.tsis not supported in newer OpenNext versions - Fix: Rename to
src/middleware.ts
"Unsupported version of Next.js detected"
- Cause: OpenNext doesn't officially support Next.js 16 yet
- Fix: Add
--dangerouslyUseUnsupportedNextVersionflag to build command
"Node.js compatibility mode is required"
- Cause: Missing
nodejs_compatcompatibility flag - Fix: Add
"compatibility_flags": ["nodejs_compat"]towrangler.jsonc
"Global fetch is not available"
- Cause: Missing
global_fetch_strictly_publicflag - Fix: Add
"compatibility_flags": ["global_fetch_strictly_public"]towrangler.jsonc
Environment variables
Set in Cloudflare dashboard or wrangler.jsonc:
| Variable | Purpose |
|---|---|
NEXT_RUNTIME | Set to edge |
SANITY_API_CDN | Sanity CDN URL |
SANITY_API_WRITE | Sanity write API URL |
SANITY_AUTH_TOKEN | Sanity auth token |
SANITY_REVALIDATE_SECRET | Revalidation webhook secret |
CANARY_SLACK_WEBHOOK | Canary notification webhook |
CANARY_DISCORD_WEBHOOK | Canary notification webhook |
CANARY_EMAIL | Canary notification email |
CANARY_HONEYTOKEN | Canary token value |
HONEYPOT_USERNAME | Honeypot form field |
HONEYPOT_WEBSITE | Honeypot form field |
Checklist
-
wrangler.jsonchas correct compatibility flags -
src/middleware.tsexists (notproxy.ts) - Environment variables set in Cloudflare dashboard
- CI/CD workflow has correct secrets
- Build succeeds with
npx @opennextjs/cloudflare build
レビュー
まだレビューはありません。使ってみた感想をお寄せください。
同じリポジトリのスキル
概要と使いどころ
Creates a new blog post document in the Sanity studio. Use when the user wants to write a blog post, publish an article, or schedule a future post.
日本語の概要は準備中です。原文の説明を表示しています。
PP-Namias/Portfolio22026年10月13日 更新
Creates a new certification document in the Sanity studio. Use when the user wants to add a credential, certificate, or professional accreditation to the Certifications collection.
日本語の概要は準備中です。原文の説明を表示しています。
PP-Namias/Portfolio22026年10月13日 更新
Adds a new skill MD file to the studio's skills collection. Use when the user wants to author a new step-by-step recipe for the studio's in-app Skills tool or the .agents mirror.
日本語の概要は準備中です。原文の説明を表示しています。
PP-Namias/Portfolio22026年10月13日 更新
Creates a new project document in the Sanity studio. Use when the user wants to add a new portfolio project, a case study, or a work sample to the Projects collection.
日本語の概要は準備中です。原文の説明を表示しています。
PP-Namias/Portfolio22026年10月13日 更新
Creates a new experience document in the Sanity studio. Use when the user wants to add a job, role, internship, or work history entry to the Experience collection.
日本語の概要は準備中です。原文の説明を表示しています。
PP-Namias/Portfolio22026年10月13日 更新