theme-data-fetching

What problem does it solve?

This Skill defines consistent, reusable data fetching patterns for theme components by leveraging existing fetchers and server-side data loading, reducing boilerplate and ensuring reliable data availability.

Core Features & Use Cases

• Server-first data loading: Server components fetch their own data using provided fetchers and are responsible for data hydration.
• Wrapper and shell patterns: Use a wrapper to compose data needs and pass standardized props to theme components.
• Graceful degradation: Return null when data is unavailable and rely on the client to render fallback UI.
• Key data tables: Access theme-related data such as client_theme_settings, client_home_page, client_locations, and other theme content via /lib fetchers and the NEXT_PUBLIC_CLIENT_ID filter.

Quick Start

Review the examples in the body to implement a server component that fetches a theme setting using the existing getThemeSettings fetcher, filtered by process.env.NEXT_PUBLIC_CLIENT_ID, and renders the UI accordingly.