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.