implement widget-slot architecture with parallel routes#391
Merged
JeremyDev87 merged 5 commits intomasterfrom Feb 15, 2026
Merged
implement widget-slot architecture with parallel routes#391JeremyDev87 merged 5 commits intomasterfrom
JeremyDev87 merged 5 commits intomasterfrom
Conversation
Document the WSA design using Next.js Parallel Routes for independent loading states and error boundaries per widget slot.
Add locale constants (DEFAULT_LOCALE, SUPPORTED_LOCALES) and validation helper. Configure vitest path alias for @/ imports.
Add SlotError (error boundary UI with role="alert"), Skeleton loading primitive, and SetDocumentLang client component for locale-aware HTML.
Add AgentsShowcase, CodeExample, and QuickStart widget placeholders with accessible markup (aria-labelledby, lang, testid). Include unit tests for rendering and loading state components.
Add [locale] route group with parallel route slots (@agentS, @code_example, @quick_start) each having independent page, loading, error, and default files. Update root page to redirect to default locale. Add SlotProps type, refine WidgetProps locale to SupportedLocale, add reduced-motion a11y styles, and update accessibility tests for the new widget-slot architecture. Closes #312
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the Widget-Slot Architecture (WSA) for the landing page using Next.js Parallel Routes, enabling independent loading states and error boundaries per widget slot.
DEFAULT_LOCALE,SUPPORTED_LOCALES, and validation helperSlotError(error boundary UI),Skeleton(loading primitive),SetDocumentLang(client-side locale)AgentsShowcase,CodeExample,QuickStartwith accessible markup (aria-labelledby,lang,data-testid)[locale]route group with 3 parallel route slots (@agents,@code_example,@quick_start), each withpage,loading,error, anddefaultfilesSlotPropstype and refineWidgetProps.localetoSupportedLocaleprefers-reduced-motionaccessibility stylesCommits
docs(landing-page): add widget-slot architecture implementation planfeat(landing-page): add locale utility with supported locale validationfeat(landing-page): add shared components for widget slot architecturefeat(landing-page): add widget placeholder components with testsfeat(landing-page): implement parallel routes with locale slot layoutTest plan
locale.tsutility correctly validates supported locales (en,ko)SlotErrorcomponent renders withrole="alert"and retry buttonaria-labelledby,lang, anddata-testidattributesaria-busy="true"/redirects to/en(default locale)yarn workspace landing-page test— all accessibility tests passCloses #312