Open source CLIWooCommerce senza testa, zero caldaia
Girare un negozio Next.js con npx create-woonext-app
Un singolo comando impalca un app di commercio Next.js completamente configurato — collegato al tuo endpoint WooGraphQL, digitato end-to-end, e la spedizione con carrello, auth, e il checkout fuori dalla scatola.
!Npx create-woonext-app
// Che navi nella scatola
Una pila di livello negozio, preconfigurato.
Non più un pomeriggio di npm install incantesimi. I ponteggi CLI hanno dichiarato di default che i manutentori WooGraphQL utilizzano effettivamente in produzione.
N.
Il prossimo.
App Router, Componenti server, Azioni server e le ultime Next.js — installa sceglie la versione con --next-version.
Reagisci 19 · Turbopack
◆
client WooGraphQL
grafoql-richiesta cablata @woographql/session-utils per domande di sessione-consapevole. Schema di tipo, nessun runtime Apollo.
grafiql-richiesta · session-utils
T
Shadcn/ui + Tailwind
components.json inizializzato con Tailwind v4, Pantaloni tostati, Fonte Sans 3 + Playfair Display fonts. Aggiungi più via npx shadcn add.
Shadcn/ui · Tailwind v4
Traduzione:
Generazione di tipo
@woographql/codegen viene eseguito su dev start, generando un SDK di grafiql-request digitato dallo schema di endpoint.
@woographql/codegen
🔒
Sessione + Auth
SessionProvider personalizzato in cima a WooGraphQL JWT — scegliere le credenziali di cookie- o browser-storage all’installazione. I carrelli degli ospiti si infilano in sessioni autenticate.
@woographql/session-utils · JWT
?
Pagine + Azioni server
Cart, checkout multi-step, conferma dell’ordine e pagine del conto (ordini, abbonamenti, indirizzi, metodi di pagamento) — oltre 25+ percorsi api.
App Router · Azioni server
!
Checkout a strisce
Integrazione di elementi a strisce opzionali — @stripe/react-stripe-js, pagamento-intenso e percorsi dei clienti. Pulitamente disabilitato quando si opta per l’installazione.
@stripe/react-stripe-js · opzionale
✓
Test + Storybook
Jest + Testing Library per unità, Playwright per end-to-end, Storybook con storie impalcate per ogni layout e componente caratteristica.
Jest · Playwright · Storybook
// Da zero a storefront
Tre comandi. Un negozio di lavoro.
Un WooGraphQL La licenza Pro sblocca il CLI e il privato @woographql/* pacchetti sul registro di YeetSquad. Allora te ne vai.
— 01 / Scaffold
Eseguire il CLI
Il prompt interattivo ti passa attraverso template, endpoint e selezione delle funzionalità. Scegli quello che ti serve.
$ npx create-woonext-app
--template app-router
--endpoint \
https://shop.acme.com— 02 / Autentico
Collegare la licenza
Il CLI scrive un progetto-local .npmrc con il token del registro di sistema @woographql, poi corre woonext install per impalcare pagine, layout, percorsi api e codegen.
$ cd my-store
$ npx woonext install
# ✓ Pagine, layout, api
# percorsi, codegen pronto— 03 / Nave
Avviare il server dev
Funziona Codegen, lo schema è introspettato, il server dev inizia su localhost:3000. Sei vivo.
$ npm run dev
# ▲ Next.js 16 · Turbopack
# ✓ Ready in 1.2s// pacchetti @woographql
Pacchetti privati, mantenuto accanto allo schema.
I titolari di licenze possono accedere a un insieme curato di librerie JavaScript sul registro YeetSquad. Sono versioni con WooGraphQL stesso — quando lo schema cambia, i tipi seguono.
@woographql/prossimo
App Router server fetchers, sessione sicura RSC + helper carrello
@woographql/reagisce
Ganci di reazione lato cliente — useCart, useSession, useCheckout, useAuth
@woographql/sessione
WooCommerce sessione + cart token management con adattatori di archiviazione pluggable
@woographql/codice
Preimpostazione del generatore di codice GraphQL per WooGraphQL — query digitate, ganci, server 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) => (
))}
)
})
// Token di sessione filettato attraverso la richiesta — digitato contro il
// schema generato. Nessun codice di colla richiesto.
// Vedere la corsa
Un negozio completo, costruito con create-woonext-app.
Carrello, checkout, conto, ricerca, filtri, prodotti in abbonamento. Ogni capacità corrente di @woographql/next, distribuito in diretta.
// Sbloccare il CLI
Le navi CLI con ogni piano pagato.
Un WooGraphQL La licenza Pro ti dà accesso a create-woonext-app e il privato @woographql/* pacchetti. Gli abbonati annuali li ottengono su ogni livello.
Open source
Gratis
plugin core, per sempre
!
GPL-3 con licenza
✓
Tipi e mutazioni del core WooCommerce
✓
Impostazioni e sintonizzazione WPGraphQL
✓
Supporto carrello WooCommerce
◯
Pro estensioni (Bundles, Composite, Subs)
◯
creare-woonext-app CLI
◯
Pacchetti @woographql JS
✓
Sostegno comunitario
Personale
Solo
Per 1 sito web
$99.99
all’anno
✓
1 attivazione del sito
✓
Aggiornamenti illimitati
✓
Abbonamenti, Bundles e prodotti Composite supportano
✓
Supporto Addons prodotto
✓
creare-woonext-app CLI
✓
Pacchetti @woographql
✓
Appello di consultazione annuale
Professionista
Più popolari
Agenzia
Per un massimo di 5 siti
$299.99
all’anno
✓
5 attivazioni del sito
✓
Aggiornamenti illimitati
✓
Abbonamenti, Bundles e prodotti Composite supportano
✓
Supporto Addons prodotto
✓
creare-woonext-app CLI
✓
Pacchetti @woographql
✓
Appello di consultazione annuale
Affari
Illimitata
Siti web illimitati
$449.99
all’anno
✓
Attivazioni illimitate
✓
Aggiornamenti illimitati
✓
Abbonamenti, Bundles e prodotti Composite supportano
✓
Supporto Addons prodotto
✓
creare-woonext-app CLI
✓
Pacchetti @woographql
✓
Appello di consultazione annuale
Da No. a live storefront a) 5 minuti.
Acquista qualsiasi piano Pro annuale per sbloccare i pacchetti CLI e @woographql. Il plugin gratuito continua a lavorare per sempre — aggiornare solo quando sei pronto a spedire.