开源 CLI无头的WooCommerce,零锅炉板
与 Next.js 商店前端旋转 npx create-woonext-app
单指令脚手架完全配置了”Next.js”商务应用——接通了你的WooGraphQL端点,打入了端到端,并用推车,认证,出箱出柜.
(单位:美元)npx 创建- wonext- 应用
// 盒子里是什么船只
一个商店前级堆栈, 预构.
已经没有下午了 npm install 咒语 CLI脚手架认为WooGraphQL维护者在生产中实际使用默认.
无
下一个.js 16
App 路由器、 服务器组件、 服务器动作, 以及最新的 Next.js —— 安装 --next-version。 。 。 。
反应19-涡轮包装
WooGraphQL 客户端
图ql- 请求有线 @woographql/session-utils 用于了解会话的询问。 已打入计划,没有阿波罗运行时间.
图ql- 请求 ^ 会话功能
T级
阴影/ 井+ 尾风
components.json 由Tailwind v4, Sonner tops, Source Sans 3 + Playfair 显示字体初始化. 更多通过 npx shadcn add。 。 。 。
shadcn/ui / 尾风 v4
{
类型生成
@woographql/codegen 运行在 dev 启动上, 从您的端点计划生成一个已键入的图克请求 SDK 。
@ woographql/ codegen (帮助)
🔒
会话 + 认证
自定义会话在WooGraphQL JWT上方提供——安装时选择cookie-或浏览器存储证书. 客车串入已认证的会话 。
@woographql/session-utils ~ JWT (英语).
≡
页+服务器动作
Cart,多步取出,订单确认,以及账户页面(订单,订阅,地址,支付方法)——外加25+api路由.
App 路由器 – 服务器动作
(单位:美元)
条纹检查退出
可选花纹元素集成 – @stripe/react-stripe-js、付款意向和客户路线。 安装时选择退出时清除已禁用 。
@stripe/react-stripe-js ・ 可选
✓
测试+ 故事书
Jest + Test library for unit, Playwright 用于端到端,故事本,每个布局和特征组件都有故事脚手架.
剧作家 故事本
/ 从零到存储前端
三令发相. 一个工作室。
一个伍格勒QL Pro 许可证解锁 CLI 和私人 @woographql/* YeetSquad 注册的软件包。 那你就离开吧
– 01 /脚手架
运行 CLI
交互提示将您通过模板、端点和特性选择。 选所需要.
$ npx create-woonext-app
--template app-router
--endpoint \
https://shop.acme.com-02/认证
链接您的驾照
CLI 写一个工程- local . npmrc , 并配有您的许可范围@ woographql 注册令牌, 然后运行 woonext 安装到脚手架的页面、 版式、 api 路由和代码 。
$ cd my-store
$ npx woonext install
# * 页面、版式、页码
# 路径, 代码已准备好– 03/船舶
启动 dev 服务器
Codegen运行, schema为内测,dev服务器开始于localhost:30. 尔时世尊.
$ npm run dev
# ▲ Next.js 16 · Turbopack
# ✓ Ready in 1.2s/ / @ woographql 软件包
私人包裹, 维持在计划。
许可证持有者可以在”YeetSquad”注册上访问一套被整理的JavaScript库. 它们被用WooGraphQL本身的版本——当计划改变时,类型随之而来.
@ woographql/ (帮助)下一个
App 路由器服务器获取器, RSC 安全会话+推车帮助器
@ woographql/ (帮助)反应- 吼声
客户端反应钩子 – 使用Cart, 使用Checkout, 使用Auth
@ woographql/ (帮助)专题报告
WooCommerce 会话 + 有可插件存储适配器的推车令牌管理
@ woographql/ (帮助)代码
用于 WooGraphQL 的 GraphQL 代码生成器预设—— 输入查询、 钩子、 服务器获取器
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) => (
))}
)
})
// 在请求中键入了会话符号线索——按您键
// 产生了计划。 不需要胶水代码 。
/ 看见它运行
一个完整的店面, 以创建- wonext- 应用构建。
出柜、账号、搜索、过滤、订阅产品 @woographql/ next, 已部署的每个当前能力 。
// 解锁 CLI
CLI号舰只 所有付费计划
一个伍格勒QL 专业执照允许你访问 create-woonext-app 和私人事务 @woographql/* 软件包。 每年的订户都让他们进入各个层次。
开源
免费
核心插件, 永远
0美元 (单位:美元)
获得许可证的GPL-3
✓
核心 WooCommerce 类型和变异
✓
WPGraphQL 设置和调制
✓
WooCommerce 推车支持
◯
Pro 扩展( Bundles, 复合, 子)
◯
创建- wonext- 应用 CLI
◯
@ woographql JS 软件包
✓
社区支助
个人
独奏
1个网站
99美元 (单位:千美元).99 (中文(简体) ).
每年
✓
1个网站启动
✓
无限制的更新
✓
订阅、包装和复合产品支助
✓
产品添加支持
✓
创建- wonext- 应用 CLI
✓
@ woographql 软件包
✓
年度协商电话
专业人员
最受欢迎的
机构
最多5个网站
299美元 (净额).99 (中文(简体) ).
每年
✓
5次网站启动
✓
无限制的更新
✓
订阅、包装和复合产品支助
✓
产品添加支持
✓
创建- wonext- 应用 CLI
✓
@ woographql 软件包
✓
年度协商电话
商业
无限制
无限制的网站
449美元 (中文(简体) )..99 (中文(简体) ).
每年
✓
无限激活
✓
无限制的更新
✓
订阅、包装和复合产品支助
✓
产品添加支持
✓
创建- wonext- 应用 CLI
✓
@ woographql 软件包
✓
年度协商电话
从 npx 数据 用于现场存储 下级 五分钟
购买任何一年一度的 Pro 计划来解锁 CLI 和 @ woographql 包 。 免费插件会永远地工作——只有在你准备好发货时才能升级.