Kit de loja online para Next.js: catálogo, carrinho, Stripe, pedidos, frete, cupons, avaliações e contas
Instalar
genpm add @core/kit-storeO que você recebe
- Código em src/app/(store)/, 27 arquivos. (57,2 kB)
- Regras de IA em src/app/(store)/AGENTS.md, mais arquivos de regras da IDE.
- Variáveis de ambiente adicionadas ao .env.example: STRIPE_SECRET_KEY, STRIPE_WEBHOOK_SECRET, CART_COOKIE_SECRET, ORDER_LINK_SECRET, STORE_CURRENCY.
- Resolve @core/cart, @core/catalog, @core/checkout, @core/discounts, @core/kit-cms, @core/orders, @core/reviews, @core/shipping para você.
README
Este pacote não tem README.
Isto é exatamente o que sua IA lê quando trabalha em src/app/(store). Nada mais é adicionado ao contexto dela.
@core/kit-store — rules for AI agents
Purpose
An online store on top of @core/kit-cms, managed from the same /admin: products with variants and categories,
cart, Stripe Checkout, orders (created only by the Stripe webhook), shipping zones and rates, discount codes,
verified reviews, customer orders page, transactional emails and SEO (Product JSON-LD, sitemap). Every storefront
form is a Next.js Server Action, so it works without JavaScript and never accepts prices from the browser.
Map
_templates/genpm.md— the exact lines this kit adds to the project'ssrc/genpm/*.ts(generated, always current)._lib/maintenance.ts— dailystore.maintenancejob (deletes expired carts).shop/page.tsx,categories/[slug],collections/[slug]— listings.products/[slug]/page.tsx— product page.cart/page.tsx— cart, discount code, shipping country/method, totals and payment.checkout/success— real status.orders/[number]/page.tsx— order for its owner or with the signed email link.account/page.tsx— customer orders.api/stripe/webhook/route.ts— Stripe webhook (@core/stripe)._lib/actions.ts— server actions (add, update, code, shipping, checkout, review)._lib/store.ts— helpers._components/— product card/grid, add to cart,CartLinkfor the header, reviews, order summary,store.css._blocks/products.tsx— "Product grid" and "Buy now" blocks._lib/widgets.ts— sales, orders to ship, low stock._lib/legal.ts+_scripts/seed-legal.ts— legal pages as drafts pending review, with a dashboard warning.
Integration
- @core/kit-cms must be integrated first.
- Env:
STRIPE_SECRET_KEY,STRIPE_WEBHOOK_SECRET,CART_COOKIE_SECRETandORDER_LINK_SECRET(≥ 32 chars),STORE_CURRENCY(e.g.EUR),SITE_URL,EMAIL_FROM. Use Stripe test mode until the end-to-end check passes. If the Stripe MCP server is available and the person agrees, use it to inspect the test account (never live keys). - Migrations for catalog, cart, checkout, orders, shipping, discounts, reviews, comments and stripe.
- Add every line of
_templates/genpm.mdto the project'ssrc/genpm/*.ts(it says which file and where): it createssrc/genpm/commerce.ts(imports that register webhooks, cart steps and the dailystore.maintenancejob), the product sitemap and search sources, theproductGrid/buyNowblocks, and the admin resources and widgets (including comments, where product reviews are moderated). Then run the kit-cmssetup-schedules.tsagain. - Stripe webhook: endpoint
https://<site>/api/stripe/webhookwithcheckout.session.completed,checkout.session.async_payment_succeededandcheckout.session.expired(refunds are started from the admin); locallystripe listen --forward-to localhost:3000/api/stripe/webhook. - Create shipping zones and rates in the admin; put
<CartLink />in the site header and "Shop" in the menu. - The person runs
npx tsx "src/app/(store)/_scripts/seed-legal.ts": terms, shipping, returns/withdrawal, privacy and cookies are created as drafts. They must complete them and have them reviewed before publishing. - Verify in test mode: buy with card 4242 4242 4242 4242, the webhook creates the order, the email arrives, stock decreases, the order page opens from the email link and not without it.
Conventions
- Prices are integers in minor units; the client only sends variant ids, quantities, codes and the shipping choice.
- Orders exist only after Stripe confirms payment (webhook), never from the success page.
- The "before" price is hidden: in the EU it must be the lowest price of the previous 30 days (Omnibus directive).
With @core/pricing installed, show it only through
honestCompareAt.
Don't
- Don't publish legal pages the person has not reviewed, and never present generated legal text as final.
- Don't show fake reviews, ratings, stock counts or countdowns; review JSON-LD only with real approved reviews.
- Don't expose order pages without the owner session or the signed token; don't put tokens in analytics.
# @core/kit-store — rules for AI agents
## Purpose
An online store on top of @core/kit-cms, managed from the same `/admin`: products with variants and categories,
cart, Stripe Checkout, orders (created only by the Stripe webhook), shipping zones and rates, discount codes,
verified reviews, customer orders page, transactional emails and SEO (Product JSON-LD, sitemap). Every storefront
form is a Next.js Server Action, so it works without JavaScript and never accepts prices from the browser.
## Map
- `_templates/genpm.md` — the exact lines this kit adds to the project's `src/genpm/*.ts` (generated, always current).
- `_lib/maintenance.ts` — daily `store.maintenance` job (deletes expired carts).
- `shop/page.tsx`, `categories/[slug]`, `collections/[slug]` — listings. `products/[slug]/page.tsx` — product page.
- `cart/page.tsx` — cart, discount code, shipping country/method, totals and payment. `checkout/success` — real status.
- `orders/[number]/page.tsx` — order for its owner or with the signed email link. `account/page.tsx` — customer orders.
- `api/stripe/webhook/route.ts` — Stripe webhook (@core/stripe).
- `_lib/actions.ts` — server actions (add, update, code, shipping, checkout, review). `_lib/store.ts` — helpers.
- `_components/` — product card/grid, add to cart, `CartLink` for the header, reviews, order summary, `store.css`.
- `_blocks/products.tsx` — "Product grid" and "Buy now" blocks. `_lib/widgets.ts` — sales, orders to ship, low stock.
- `_lib/legal.ts` + `_scripts/seed-legal.ts` — legal pages as drafts pending review, with a dashboard warning.
## Integration
1. @core/kit-cms must be integrated first.
2. Env: `STRIPE_SECRET_KEY`, `STRIPE_WEBHOOK_SECRET`, `CART_COOKIE_SECRET` and `ORDER_LINK_SECRET` (≥ 32 chars),
`STORE_CURRENCY` (e.g. `EUR`), `SITE_URL`, `EMAIL_FROM`. Use Stripe test mode until the end-to-end check passes.
If the Stripe MCP server is available and the person agrees, use it to inspect the test account (never live keys).
3. Migrations for catalog, cart, checkout, orders, shipping, discounts, reviews, comments and stripe.
4. Add every line of `_templates/genpm.md` to the project's `src/genpm/*.ts` (it says which file and where): it creates
`src/genpm/commerce.ts` (imports that register webhooks, cart steps and the daily `store.maintenance` job), the
product sitemap and search sources, the `productGrid` / `buyNow` blocks, and the admin resources and widgets
(including comments, where product reviews are moderated). Then run the kit-cms `setup-schedules.ts` again.
5. Stripe webhook: endpoint `https://<site>/api/stripe/webhook` with `checkout.session.completed`,
`checkout.session.async_payment_succeeded` and `checkout.session.expired` (refunds are started from the admin); locally `stripe listen --forward-to localhost:3000/api/stripe/webhook`.
6. Create shipping zones and rates in the admin; put `<CartLink />` in the site header and "Shop" in the menu.
7. The person runs `npx tsx "src/app/(store)/_scripts/seed-legal.ts"`: terms, shipping, returns/withdrawal, privacy
and cookies are created as drafts. They must complete them and have them reviewed before publishing.
8. Verify in test mode: buy with card 4242 4242 4242 4242, the webhook creates the order, the email arrives, stock
decreases, the order page opens from the email link and not without it.
## Conventions
- Prices are integers in minor units; the client only sends variant ids, quantities, codes and the shipping choice.
- Orders exist only after Stripe confirms payment (webhook), never from the success page.
- The "before" price is hidden: in the EU it must be the lowest price of the previous 30 days (Omnibus directive).
With @core/pricing installed, show it only through `honestCompareAt`.
## Don't
- Don't publish legal pages the person has not reviewed, and never present generated legal text as final.
- Don't show fake reviews, ratings, stock counts or countdowns; review JSON-LD only with real approved reviews.
- Don't expose order pages without the owner session or the signed token; don't put tokens in analytics.
A árvore exata que será injetada, após o .genpmignore. Fixada em
// Páginas legales de comercio electrónico como BORRADORES con la estructura habitual y un aviso de revisión.
// Nunca se publican solas ni contienen texto legal inventado: el titular las completa y revisa con un profesional.
import { createEntry } from '@/lib/content';
import { getDb } from '@/lib/db';
import type { AdminWidget } from '@/lib/admin';
import { contentEntries } from '@/lib/content';
import { and, eq, inArray, ne } from 'drizzle-orm';
export const LEGAL_PAGES = [
{ slug: 'terms', title: 'Terms of sale', sections: ['Seller identification', 'Products and prices (taxes included)', 'Ordering process', 'Payment', 'Delivery', 'Right of withdrawal', 'Legal guarantee (2 years in the EU)', 'Complaints and online dispute resolution', 'Applicable law'] },
{ slug: 'shipping', title: 'Shipping', sections: ['Destinations', 'Costs', 'Delivery times', 'Tracking', 'Failed deliveries'] },
{ slug: 'returns', title: 'Returns and withdrawal', sections: ['14-day right of withdrawal (EU consumers)', 'How to withdraw (model withdrawal form)', 'Return costs', 'Refund timing and method', 'Exceptions'] },
{ slug: 'privacy', title: 'Privacy policy', sections: ['Controller', 'Data we collect and why', 'Legal basis', 'Recipients (payments, shipping, email, analytics)', 'International transfers', 'Retention', 'Your rights', 'Contact'] },
{ slug: 'cookies', title: 'Cookie policy', sections: ['What cookies are', 'Cookies we use (necessary, analytics, marketing)', 'How to change your choice'] },
] as const;
const doc = (sections: readonly string[]) => ({
type: 'doc',
content: [
{ type: 'paragraph', content: [{ type: 'text', marks: [{ type: 'bold' }], text: 'PENDING REVIEW: this page is a template. Complete it with your real details and have it reviewed by a legal professional before publishing.' }] },
...sections.flatMap((s) => [
{ type: 'heading', attrs: { level: 2 }, content: [{ type: 'text', text: s }] },
{ type: 'paragraph', content: [{ type: 'text', text: '[To be completed]' }] },
]),
],
});
/** Crea las páginas legales que falten como BORRADORES (nunca publica; `seedEntry` sí lo haría). Idempotente. */
export async function seedLegalPages(): Promise<string[]> {
const created: string[] = [];
for (const p of LEGAL_PAGES) {
const [existing] = await getDb()
.select({ id: contentEntries.id })
.from(contentEntries)
.where(and(eq(contentEntries.collection, 'pages'), eq(contentEntries.slug, p.slug)));
if (existing) continue;
await createEntry({ collection: 'pages', slug: p.slug, data: { title: p.title, blocks: [{ id: 'legal', type: 'rich-text', data: { doc: doc(p.sections), width: 'narrow' } }], seo: { noindex: true } } });
created.push(p.slug);
}
return created;
}
/** Aviso del panel mientras alguna página legal siga sin publicar (= sin revisar). */
export const legalPagesWidget: AdminWidget = {
name: 'legal-pending',
title: 'Legal pages pending review',
permission: 'pages:read',
async load() {
const rows = await getDb()
.select({ slug: contentEntries.slug, id: contentEntries.id })
.from(contentEntries)
.where(and(eq(contentEntries.collection, 'pages'), inArray(contentEntries.slug, LEGAL_PAGES.map((p) => p.slug)), ne(contentEntries.status, 'published')));
return { rows: rows.map((r) => ({ label: `/${r.slug}`, value: 'draft', href: `/admin/pages/${r.id}` })) };
},
};
Este pacote não declara servidores MCP.
| Versão | Commit | Publicado | Análise |
|---|---|---|---|
| 1.0.1 | 6a45dae | há 3 horas | análise aprovada |
- genpm
- @core/cart ^1.0.0@core/catalog ^1.0.0@core/checkout ^1.0.0@core/discounts ^1.0.0@core/kit-cms ^1.0.0@core/orders ^1.0.0@core/reviews ^1.0.0@core/shipping ^1.0.0
- proposto
- O GenPM propõe o comando npm e só o executa se você disser sim.
- Usado por (1)
- @core/kit-dropshipping ^1.0.0
- análise
- análise aprovada · 0 achados
- commit
- v1.0.1 → 6a45dae248ce17fbd95b5f3b2b61c68f66236041 · verificado após o download
- scripts
- Nenhum. O GenPM nunca executa código de pacotes.
- licença
- MIT
- Qualidade
- 100/100
- Licença reconhecidacumprido
- AGENTS.md explica o propósitocumprido
- AGENTS.md tem passos de integraçãocumprido
- AGENTS.md lista convenções ou proibiçõescumprido
- Inclui testescumprido
- Escaneamento de segurança aprovadocumprido
- Publicado nos últimos 6 mesescumprido
- Publicador verificadocumprido
- Resumo e palavras-chavecumprido
- denúncia
- Viu algo errado?