CLI ouvertWooCommerce sans tête, plaque de chaudière zéro
Faites tourner un Next.js devant avec npx create-woonext-app
Une seule commande échafaude une application de commerce Next.js entièrement configurée — câblée à votre endpoint WooGraphQL, tapée de bout en bout, et expédition avec le panier, l’auth, et la commande hors de la boîte.
$npx create-woonext-app
// Ce qui expédie dans la boîte
Une pile de première qualité, Préconfiguré.
Plus d’après-midi de npm install des incantations. Les échafaudages CLI ont émis des avis par défaut que les responsables WooGraphQL utilisent réellement dans la production.
N
Suivant.js 16
Routeur d’applications, composants de serveur, actions de serveur, et la dernière Next.js — install prend la version avec --next-version.
Réaction 19 · Turbopack
◆
Client WooGraphQL
graphicql-request câblé avec @woographql/session-utils pour les questions de session. Schéma tapé, pas d’exécution Apollo.
graphicql-request · session-utils
T
shadcn/ui + vent de queue
components.json initialisé avec Tailwind v4, toasts Sonner, Sources Sans 3 + polices Playfair Display. Ajouter plus via npx shadcn add.
hadcn/ui · Tailwind v4
{}
Génération de type
@woographql/codegen fonctionne au démarrage de dev, générant un SDK graphql-request dactylographié à partir de votre schéma d’extrémité.
@woographql/codegen
C’est vrai.
Séance +
Custom SessionProvider en plus de WooGraphQL JWT — choisissez les identifiants de stockage des cookies ou des navigateurs à l’installation. Paniers d’invités fil dans des sessions authentifiées.
@woographql/session-utils · JWT
Les
Pages + Actions du serveur
Panier, commande en plusieurs étapes, confirmation de commande et pages de compte (commandes, abonnements, adresses, modes de paiement) — plus les routes 25+ api.
Routeur d’application · Actions du serveur
$
Chute à rayures
Intégration optionnelle des éléments de bande — @stripe/react-stripe-js, l’intention de paiement et les itinéraires clients. Désactivé lors de l’installation.
@stripe/react-stripe-js · optionnel
✓
Essais + Histoire
Jest + Testing Library for unit, Playwright for de bout en bout, Storybook with stories échafauded for all layout and feature component.
Jest · Dramaturge · Histoire
// De zéro à la surface du magasin
Trois commandes. Un magasin de travail.
A WooGraphQL La licence Pro débloque le CLI et le privé @woographql/* paquets sur le registre de YeetSquad. Alors vous partez.
— 01 / Échafaudage
Lancez le CLI
L’invite interactive vous permet de passer par le modèle, le paramètre et la sélection des fonctionnalités. Choisissez ce dont vous avez besoin.
$ npx create-woonext-app
--template app-router
--endpoint \
https://shop.acme.com— 02 / Authentification
Lier votre licence
Le CLI écrit un projet local .npmrc avec votre logo @woographql jeton de registre, puis exécute woonext installer sur les pages d’échafaudage, les mises en page, les itinéraires api et le codegen.
$ cd my-store
$ npx woonext install
# Pages, mises en page, api
# itinéraires, codegen prêt— 03 / Navire
Démarrer le serveur dev
Codegen tourne, le schéma est introduit, le serveur dev démarre sur localhost:3000. Vous êtes en vie.
$ npm run dev
# ▲ Next.js 16 · Turbopack
# ✓ Ready in 1.2s// Packages @woographql
les colis privés, maintenu à côté du schéma.
Les titulaires de licence ont accès à un ensemble de bibliothèques JavaScript sur le registre YeetSquad. Ils sont mis en version avec WooGraphQL lui-même — quand le schéma change, les types suivent.
@woographql/suivant
Récupérateurs de serveur Router App, session sans danger RSC + helpers chariot
@woographql/Réagissant aux hooks
Crochets de réaction côté client — utilisationCart, utilisationSession, utilisationVérification, utilisationAuth
@woographql/session-utils
WooCommerce session + gestion des jetons de panier avec adaptateurs de stockage rechargeables
@woographql/codegen
GraphQL Code Generator préréglé pour WooGraphQL — requêtes dactylographiées, crochets, récupérateurs de serveur
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) => (
))}
)
})
// Session jeton threaded à travers la demande — dactylographié contre votre
// schéma généré. Aucun code de colle requis.
// Voir le fonctionnement
Une vitrine pleine, construit avec create-woonext-app.
Panier, caisse, compte, recherche, filtres, produits d’abonnement. Chaque capacité actuelle de @woographql/next, déployée en direct.
// Déverrouiller le CLI
Les navires de la CLI chaque plan payé.
A WooGraphQL La licence Pro vous donne accès à create-woonext-app et les @woographql/* colis. Les abonnés annuels les obtiennent à tous les niveaux.
Source ouverte
Gratuit
plugin Core, pour toujours
0$
Licence GPL-3
✓
Types et mutations de WooCommerce de base
✓
Configuration et réglage de WPGraphQL
✓
Support de chariot WooCommerce
( )
Extensions Pro (Bundles, Composite, Subs)
( )
créer-woonext-app CLI
( )
Packages @woographql JS
✓
Soutien communautaire
Personnel
Solo
Pour 1 site Web
99 $99
par an
✓
1 activation du site
✓
Mises à jour illimitées
✓
Soutien des abonnements, des forfaits et des produits composites
✓
Prise en charge des additifs de produit
✓
créer-woonext-app CLI
✓
Packages @woographql
✓
Appel de consultation annuel
Professionnel
Les plus populaires
Agence
Jusqu’à 5 sites
299 $99
par an
✓
5 activations du site Web
✓
Mises à jour illimitées
✓
Soutien des abonnements, des forfaits et des produits composites
✓
Prise en charge des additifs de produit
✓
créer-woonext-app CLI
✓
Packages @woographql
✓
Appel de consultation annuel
Entreprises
Illimité
Sites Web illimités
449 $99
par an
✓
activations illimitées
✓
Mises à jour illimitées
✓
Soutien des abonnements, des forfaits et des produits composites
✓
Prise en charge des additifs de produit
✓
créer-woonext-app CLI
✓
Packages @woographql
✓
Appel de consultation annuel
De npx pour vivre en vitrine en dessous de cinq minutes.
Achetez tout plan Pro annuel pour débloquer les paquets CLI et @woographql. Le plugin gratuit continue à fonctionner pour toujours — mise à jour seulement lorsque vous êtes prêt à expédier.