·convex-nextjs
</>

convex-nextjs

Next.js에서 Convex 백엔드를 구축, 통합 및 배포합니다(기본적으로 앱 라우터, 페이지 라우터 지원). 'npx convex dev' 실행, Convex 스키마/인덱스 정의, 쿼리/변형/작업 작성, ConvexReactClient + ConvexProvider 후크 연결(useQuery/useMutation), 선택적 SSR 사전 로드 및 convex/nextjs를 통한 서버 작업, 인증 패턴 및 배포(Vercel + 미리 보기 배포 포함)를 다룹니다. 사용자가 Convex, convex.dev, Next.js + Convex, 실시간 데이터베이스 업데이트, Convex 함수, 스키마/인덱스, NEXT_PUBLIC_CONVEX_URL, convex 개발/배포 또는 Next.js 앱의 Convex 문제 해결을 언급할 때 사용하세요.

16설치·1트렌드·@tristanmanchester

설치

$npx skills add https://github.com/tristanmanchester/agent-skills --skill convex-nextjs

convex-nextjs 설치 방법

명령줄에서 convex-nextjs AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/tristanmanchester/agent-skills --skill convex-nextjs
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: tristanmanchester/agent-skills.

Workflow 1 — Add Convex to a Next.js app (App Router)

Step 1b (optional): Seed sample data + expose a first query If you want a known-good end-to-end smoke test:

Step 2: Create a client provider (Client Component) Create app/ConvexClientProvider.tsx:

Next.js에서 Convex 백엔드를 구축, 통합 및 배포합니다(기본적으로 앱 라우터, 페이지 라우터 지원). 'npx convex dev' 실행, Convex 스키마/인덱스 정의, 쿼리/변형/작업 작성, ConvexReactClient + ConvexProvider 후크 연결(useQuery/useMutation), 선택적 SSR 사전 로드 및 convex/nextjs를 통한 서버 작업, 인증 패턴 및 배포(Vercel + 미리 보기 배포 포함)를 다룹니다. 사용자가 Convex, convex.dev, Next.js + Convex, 실시간 데이터베이스 업데이트, Convex 함수, 스키마/인덱스, NEXT_PUBLIC_CONVEX_URL, convex 개발/배포 또는 Next.js 앱의 Convex 문제 해결을 언급할 때 사용하세요. 출처: tristanmanchester/agent-skills.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/tristanmanchester/agent-skills --skill convex-nextjs
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-26
업데이트
2026-03-10

Browse more skills from tristanmanchester/agent-skills

빠른 답변

convex-nextjs이란?

Next.js에서 Convex 백엔드를 구축, 통합 및 배포합니다(기본적으로 앱 라우터, 페이지 라우터 지원). 'npx convex dev' 실행, Convex 스키마/인덱스 정의, 쿼리/변형/작업 작성, ConvexReactClient + ConvexProvider 후크 연결(useQuery/useMutation), 선택적 SSR 사전 로드 및 convex/nextjs를 통한 서버 작업, 인증 패턴 및 배포(Vercel + 미리 보기 배포 포함)를 다룹니다. 사용자가 Convex, convex.dev, Next.js + Convex, 실시간 데이터베이스 업데이트, Convex 함수, 스키마/인덱스, NEXT_PUBLIC_CONVEX_URL, convex 개발/배포 또는 Next.js 앱의 Convex 문제 해결을 언급할 때 사용하세요. 출처: tristanmanchester/agent-skills.

convex-nextjs 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/tristanmanchester/agent-skills --skill convex-nextjs 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/tristanmanchester/agent-skills