오픈 소스 CLI헤드리스 WooCommerce, 제로 보일러 플레이트
Next.js 저장소 앞을 회전 npx create-woonext-app
단일 명령 비계는 완전히 구성 된 Next.js 상거래 응용 프로그램 – WooGraphQL 엔드 포인트에 유선, 종결을 입력하고, 카트, 오, 체크 아웃으로 배송.
$ 6,000 원npx create-woonext-app
// 상자에 어떤 배
상점 정면 급료 더미, 사전 설정.
더 이상 오후 npm install 관련 기사 CLI 비계는 WooGraphQL 유지자가 실제로 생산에 사용됩니다.
사이트맵
다음.js 16
App Router, Server Components, Server Actions 및 최신 Next.js – 버전의 선택 설치 --next-version·
React 19 · 터보팩
·
WooGraphQL 클라이언트
graphql-request 유선 @woographql/session-utils session-aware 쿼리에 대 한. 유형 스키마, 아니 아폴로 실행 시간.
graphql-request · 세션틸
사이트맵
shadcn/ui + 꼬리바람
components.json Tailwind v4, Sonner toasts, Source Sans 3 + Playfair 디스플레이 폰트로 초기화되었습니다. 더 알아보기 npx shadcn add·
shadcn/ui · 꼬리바람 v4
이름 *
유형 세대
@woographql/codegen dev start에서 실행, endpoint의 schema에서 typed graphql-request SDK를 생성.
@woographql/codegen은
·
세션 + 주
사용자 정의 세션 WooGraphQL JWT의 상단에 프로바이더 – 설치에서 쿠키 또는 브라우저 저장 자격 증명을 선택합니다. 게스트 카트 스레드는 정통 세션으로.
@woographql/session-utils · JWT
·
페이지 + 서버 작업
카트, 다중 단계 체크 아웃, 주문 확인 및 계정 페이지 (주문, 구독, 주소, 지불 방법) – 플러스 25 + api 경로.
App Router · 서버 동작
$ 6,000 원
연락처
선택적인 줄무늬 성분 통합 — @stripe/react-stripe-js, 지불intent 및 고객 노선. 설치를 선택할 때 깨끗하게 비활성화합니다.
@stripe/react-stripe-js · 옵션
·
시험 + 스토리북
Jest + Testing Library for unit, Playwright for end-to-end, Storybook with stories 모든 레이아웃 및 기능 구성 요소에 대 한 비계.
Jest · Playwright · 스토리북
// 0에서 storefront에
3개의 명령. 1개의 일 상점.
우그래픽QL Pro license는 CLI와 개인을 잠금 해제 @woographql/* YeetSquad의 레지스트리 패키지. 다음 당신은 떨어져 있습니다.
— 01 / 비계
CLI 실행
대화 형 프롬프트는 템플릿, 엔드포인트 및 기능 선택을 통해 걸어갑니다. 당신이 필요로 하는 것을 선택하십시오.
$ npx create-woonext-app
--template app-router
--endpoint \
https://shop.acme.com– 02 / 인증
자주 묻는 질문
CLI는 @woographql 레지스트리 토큰을 사용하여 프로젝트 로컬 .npmrc를 작성한 다음 woonext는 비계 페이지, 레이아웃, api 경로 및 코젠에 설치합니다.
$ cd my-store
$ npx woonext install
# ✓ 페이지, 레이아웃, api
# 노선, codegen 준비– 03 / 선박
dev 서버 시작
Codegen 실행, schema는 introspected, dev 서버는 localhost에서 시작:3000. 당신은 살고있다.
$ npm run dev
# ▲ Next.js 16 · Turbopack
# ✓ Ready in 1.2s// @woographql 패키지
개인 패키지, schema와 함께 유지.
License holders는 YeetSquad 레지스트리의 JavaScript 라이브러리 세트에 액세스합니다. 그들은 WooGraphQL 자체로 versioned – 스키마가 변경 될 때, 유형은 따릅니다.
@woographql/에이름 *
앱 라우터 서버 fetchers, RSC-safe 세션 + 카트 도움말
@woographql/에반응 걸이
클라이언트 측 React Hooks – useCart, useSession, useCheckout, useAuth
@woographql/에교육과정
WooCommerce 세션 + Pluggable 스토리지 어댑터와 토큰 관리
@woographql/에비밀번호
GraphQL 코드 생성기 preset for WooGraphQL — 유형 쿼리, 후크, 서버 fetchers
import { withMarketingSession } from '@woographql/next/server'
import { ProductCard } from '@/components/product-card'
import { GetFeaturedProductsDocument } from '@/graphql/generated'
export default withMarketingSession(async ({ client }) => {
const { data } = await client.query({
query: GetFeaturedProductsDocument,
variables: { first: 12 },
})
return (
{data.products?.nodes.map((product) => (
))}
)
})
// 세션 토큰은 요청을 통해 실을 꿰었습니다. — 당신의 것에 대해 입력했습니다.
// 생성 된 schema. 요구되는 접착제 부호 없음.
// 실행
전체 상점, create-woonext-app과 내장.
카트, 체크 아웃, 계정, 검색, 필터, 구독 제품. @woographql/next의 모든 현재 기능, 배포된 라이브.
// CLI를 잠금 해제
CLI 배송 모든 유료 플랜.
우그래픽QL Pro license는 액세스 권한을 제공합니다. create-woonext-app 그리고 개인 @woographql/* 패키지. 연간 가입자는 모든 계층에 그들을 얻을.
오픈 소스
무료 다운로드
핵심 플러그인, 영원히
0 % 할인
GPL-3 라이센스
·
핵심 WooCommerce 유형 및 mutations
·
WPGraphQL 설정 및 조정
·
WooCommerce 카트 지원
·
Pro 확장 (Bundles, 컴포지트, 서브)
·
생성-woonext-app CLI
·
@woographql JS 패키지
·
커뮤니티 지원
이름 *
한국어
1 웹 사이트
$99부터7.4 원
매년
·
1 웹 사이트 활성화
·
무제한 업데이트
·
구독, 번들 및 복합 제품 지원
·
제품 Addons 지원
·
생성-woonext-app CLI
·
@woographql 패키지
·
연간 상담 전화
지원하다
가장 인기있는
회사연혁
최대 5개의 웹 사이트
$299의7.4 원
매년
·
5 웹 사이트 활성화
·
무제한 업데이트
·
구독, 번들 및 복합 제품 지원
·
제품 Addons 지원
·
생성-woonext-app CLI
·
@woographql 패키지
·
연간 상담 전화
주요사업
제한 없음
무제한 웹 사이트
$449의 경우7.4 원
매년
·
무제한 활성화
·
무제한 업데이트
·
구독, 번들 및 복합 제품 지원
·
제품 Addons 지원
·
생성-woonext-app CLI
·
@woographql 패키지
·
연간 상담 전화
내 계정 ₢ 킹 본문 바로가기 내 계정 5 분.
CLI 및 @woographql 패키지를 잠금 해제하는 연례 프로 플랜을 구입하십시오. 무료 플러그인은 영원히 작동 유지 — 당신이 배를 준비 할 때만 업그레이드.