CLI de código abertoWooCommerce sem cabeça, placa de caldeira zero
Rode uma loja Next.js com npx create-woonext-app
Um único scaffold de comando configura um aplicativo de comércio Next.js totalmente configurado — conectado ao seu endpoint WooGraphQL, digitado de ponta a ponta e envio com carrinho, autenticação e checkout fora da caixa.
$npx create-woonext-app
// Que navios na caixa
Uma pilha de primeira linha, pré-configurado.
Não há mais uma tarde de npm install encantamentos. Os andaimes CLI opinaram padrões que os mantenedores WooGraphQL realmente usam na produção.
N
Próximo.js 16
Roteador de App, Componentes de Servidor, Ações de Servidor e o mais recente Next.js — install escolhe a versão com --next-version.
Reagir 19 · Turbopack
◆
Cliente WooGraphQL
grafoql-request com fio @woographql/session-utils para consultas conscientes de sessão. Esquema digitado, nenhum Apollo Runtime.
graphql-request · session-utils
T
shadcn/ui + Tailwind
components.json inicializado com Tailwind v4, brindes Sonner, fontes Source Sans 3 + Playfair Display. Adicionar mais via npx shadcn add.
shadcn/ui · Tailwind v4
{}
Geração de tipo
@woographql/codegen é executado no dev start, gerando um graphql-request SDK digitado do esquema do seu endpoint.
@woographql/codegen
□
Sessão + autenticação
Custom SessionProvider no topo do WooGraphQL JWT — escolha credenciais de armazenamento de cookies ou navegador na instalação. Os carrinhos de hóspedes entram em sessões autenticadas.
@woographql/session-utils · JWT
□
Páginas + Acções do Servidor
Carrinho, checkout multi-step, confirmação de pedidos e páginas de contas (ordens, assinaturas, endereços, métodos de pagamento) — mais 25+ rotas api.
Roteador de Aplicações · Acções do Servidor
$
Stripe checkout
Integração opcional dos elementos das faixas — @stripe/react-stripe-js, entradas de pagamento e rotas do cliente. Está desactivada quando se opta pela instalação.
@tripe/react-tripe-js · opcional
文
Ensaios + Livro de histórias
Jest + Testing Library for unit, Playwright for end-to-end, Storybook com histórias andaimes para cada layout e componente de recursos.
Jest · dramaturgo · livro de histórias
// De zero para storefront
Três comandos. Uma loja de trabalho.
Uma WooGraphQL Licença Pro desbloqueia o CLI e o privado @woographql/* pacotes no registo do YeetSquad. Então vais-te embora.
— 01 / Andaimes
Executar o CLI
O prompt interativo acompanha você através de modelo, endpoint e seleção de recursos. Escolhe o que precisares.
$ npx create-woonext-app
--template app-router
--endpoint \
https://shop.acme.com— 02 / Autenticação
Link sua licença
O CLI escreve um projeto-local .npmrc com seu token de registro @woographql de licença, em seguida, executa woonext instalar em páginas de andaimes, layouts, rotas api e codegen.
$ cd my-store
$ npx woonext install
# ⇩ Páginas, layouts, api
# rotas, codegen pronto— 03 / Navio
Iniciar o servidor dev
O codegen é executado, o esquema é introspectado, o servidor dev começa no localhost:3000. Estás ao vivo.
$ npm run dev
# ▲ Next.js 16 · Turbopack
# ✓ Ready in 1.2s// @woographql pacotes
Pacotes privados, mantido ao lado do esquema.
Os titulares de licenças têm acesso a um conjunto curado de bibliotecas JavaScript no registro YeetSquad. Eles são versionados com o WooGraphQL em si — quando o esquema muda, os tipos seguem.
@woographql/próxima
App Router server fetchers, RSC-safe session + cart helpers
@woographql/anzóis de reacção
Ganchos de reação do lado do cliente — useCart, useSession, useCheckout, useAuth
@woographql/usos de sessão
WooCommerce sessão + carrinho de gerenciamento de token com adaptadores de armazenamento pluggáveis
@woographql/codegen
Gerador de código GraphQL predefinido para WooGraphQL — consultas digitadas, ganchos, buscas de servidor
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) => (
))}
)
})
// Token de sessão threaded através do pedido — digitado contra o seu
// esquema gerado. Nenhum código de cola necessário.
// Veja-o em execução
Uma loja cheia, construído com create-woonext-app.
Carrinho, checkout, conta, pesquisa, filtros, produtos de assinatura. Cada capacidade atual de @woographql/next, implementado ao vivo.
// Desbloquear o CLI
Os navios CLI com Todos os planos pagos.
Uma WooGraphQL Licença Pro dá-lhe acesso a create-woonext-app e o privado @woographql/* Pacotes. Assinantes anuais obtê-los em cada nível.
Código aberto
Livre
Plug- in principal, para sempre
$0
Licença GPL-3
文
Tipos e mutações do WooCommerce Core
文
Configuração e ajuste do WPGraphQL
文
Suporte de carrinho WooCommerce
□
Extensões Pro (Bundles, Composite, Subs)
□
CLI cria-woonext-app
□
Pacotes JS @ woographql
文
Apoio comunitário
Pessoal
Solo
Para 1 site
$99.99
por ano
文
1 ativação do site
文
Atualizações ilimitadas
文
Suporte a assinaturas, pacotes e produtos compostos
文
Suporte ao produto
文
CLI cria-woonext-app
文
Pacotes @ woographql
文
Chamada anual de consulta
Profissional
Mais Popular
Agência
Para até 5 sites
$299.99
por ano
文
5 ativações do site
文
Atualizações ilimitadas
文
Suporte a assinaturas, pacotes e produtos compostos
文
Suporte ao produto
文
CLI cria-woonext-app
文
Pacotes @ woographql
文
Chamada anual de consulta
Negócios
Ilimitado
Sítios Web ilimitados
$449.99
por ano
文
Activações ilimitadas
文
Atualizações ilimitadas
文
Suporte a assinaturas, pacotes e produtos compostos
文
Suporte ao produto
文
CLI cria-woonext-app
文
Pacotes @ woographql
文
Chamada anual de consulta
De npx a loja ao vivo em baixo Cinco minutos.
Compre qualquer plano Pro anual para desbloquear os pacotes CLI e @woographql. O plugin gratuito continua trabalhando para sempre — upgrade apenas quando você está pronto para enviar.