setup-storefront-platform-in-next-app

Wire storefront-data into a Next.js app with a preset provider boundary.

2|Updated Dec 2, 2024
One-click install
npx skills add https://github.com/TechsioCZ/new-engine --skill setup-storefront-platform-in-next-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: setup-storefront-platform-in-next-app
Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/storefront-data/skills/setup-storefront-platform-in-next-app
Command: npx skills add https://github.com/TechsioCZ/new-engine --skill setup-storefront-platform-in-next-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Wire storefront-data into a Next.js app with a single, repeatable setup for app-level composition, provider boundaries, and explicit imports, avoiding ad-hoc wiring.

Core Features & Use Cases

  • One thin storefront composition module compatible with Next.js, plus an app-level provider boundary to ensure a consistent runtime context.
  • Explicit subpath imports and Next.js config guidance to maintain clean package boundaries and avoid root imports.
  • Use cases include bootstrapping a new Next.js project with storefront-data, migrating an existing app to the preset wiring, and enforcing a stable provider layout across pages.

Quick Start

Install the storefront preset in your Next.js app and wire the StorefrontDataProvider at the root.

Frequently Asked Questions about setup-storefront-platform-in-next-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I wire storefront-data into a Next.js app?▼

Wiring storefront-data into a Next.js app requires a single composition module that establishes an app-level provider boundary, using explicit subpath imports to maintain clean package roots and ensure consistent runtime context.

What is the best way to set up a provider boundary in Next.js for storefront data?▼

Setting up a provider boundary in Next.js involves applying a single preset workflow that documents configuration and guides usage through library presets, avoiding ad-hoc wiring and enforcing a stable layout across pages.

Can I migrate an existing Next.js project to use storefront-data presets?▼

Migrating an existing Next.js project to storefront-data presets is supported by applying a thin composition module and Next.js config guidance, replacing ad-hoc wiring with explicit imports and a clean package boundary.

Does this storefront wiring approach support explicit subpath imports in Next.js?▼

Explicit subpath imports are supported to maintain clean package boundaries and avoid root imports, guided by Next.js configuration documentation provided within the storefront-data preset workflow.

Why do I need a single preset workflow for storefront-data composition in Next.js?▼

A single preset workflow for storefront-data composition is needed to avoid ad-hoc wiring, ensuring a consistent app-level provider boundary and a thin composition module compatible with Next.js runtime context.

When should I not use a single-module storefront composition in Next.js?▼

A single-module storefront composition may not suit Next.js projects that do not require a preset workflow or explicit provider boundaries, or those relying on root imports instead of clean package boundaries.