frontend/react-editor-shopify-nextjs
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update components

Browse Source
This commit is contained in:
Rami Bitar
2026-06-06 14:21:55 -04:00
parent ed346476e5
commit ef9e10256d
60 changed files with 85 additions and 1035 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
config/initial-data.ts
View File

@@ -14,7 +14,7 @@ export const initialData: Record<string, UserData> = {
},
content: [
{
type: "navigation",
type: "header",
props: {
id: "nav-home",
brand: "PULSE",
@@ -34,7 +34,7 @@ export const initialData: Record<string, UserData> = {
},
},
{
type: "hero",
type: "cover",
props: {
id: "hero-home",
tagline: "Spring 2026",
@@ -85,56 +85,6 @@ export const initialData: Record<string, UserData> = {
limit: 6,
},
},
{
type: "features",
props: {
id: "features-home",
tagline: "Why us",
heading: "Built with intention",
subheading: "A small set of values that shape every piece we make.",
columns: "3",
items: [
{
title: "Natural fibers",
body: "Linen, organic cotton, and merino — sourced from mills with traceable supply chains.",
},
{
title: "Small batches",
body: "Made in considered quantities so nothing goes to waste.",
},
{
title: "Built to last",
body: "Reinforced seams and finishes that age into something better.",
},
],
},
},
{
type: "testimonials",
props: {
id: "testimonials-home",
tagline: "Reviews",
heading: "What our customers say",
items: [
{
quote:
"I've been wearing the same linen shirt for two summers now and it's somehow gotten better with every wash.",
author: "Mara K.",
role: "Berlin",
avatar:
"https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=200&q=80",
},
{
quote:
"Considered cuts, neutral palette, real fabric. Exactly what I want when I'm getting dressed in the dark.",
author: "Theo R.",
role: "Brooklyn",
avatar:
"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=200&q=80",
},
],
},
},
{
type: "newsletter-cta",
props: {

2
config/root.tsx
View File

@@ -1,6 +1,6 @@
import { DefaultRootProps, RootConfig } from "@reacteditor/core";
import { createFieldGoogleFonts } from "@reacteditor/field-google-fonts";
import { ThemeProvider, ThemeProps } from "@/components/ThemeProvider";
import { ThemeProvider, ThemeProps } from "@/components/theme-provider";
export type RootProps = DefaultRootProps &
ThemeProps & {

46
config/types.ts
View File

@@ -1,34 +1,29 @@
import { Config, Data } from "@reacteditor/core";
import { HeroProps } from "@/components/hero/hero";
import { LogosProps } from "@/components/logos/logos";
import { FeaturesProps } from "@/components/features/features";
import { TestimonialsProps } from "@/components/testimonials/testimonials";
import { CTAProps } from "@/components/cta/cta";
import { FAQProps } from "@/components/faq/faq";
import { NavigationProps } from "@/components/navigation/navigation";
import { CoverProps } from "@/components/cover/cover";
import { HeaderProps } from "@/components/header/header";
import { FooterProps } from "@/components/footer/footer";
import { ProductsGridProps } from "@/components/commerce/products-grid";
import { ProductsCarouselProps } from "@/components/commerce/products-carousel";
import { CollectionGridProps } from "@/components/commerce/collection-grid";
import { CollectionProps } from "@/components/commerce/collection";
import { ProductDetailsProps } from "@/components/commerce/product-details";
import { RecommendedProductsProps } from "@/components/commerce/recommended-products";
import { FeaturedProductProps } from "@/components/commerce/featured-product";
import { ProductsGridProps } from "@/components/shopify/products-grid";
import { ProductsCarouselProps } from "@/components/shopify/products-carousel";
import { CollectionGridProps } from "@/components/shopify/collection-grid";
import { CollectionProps } from "@/components/shopify/collection";
import { ProductDetailsProps } from "@/components/shopify/product-details";
import { RecommendedProductsProps } from "@/components/shopify/recommended-products";
import { ProductRecommendationsProps } from "@/components/shopify/product-recommendations";
import { SearchProductsProps } from "@/components/shopify/search-products";
import { FeaturedProductProps } from "@/components/shopify/featured-product";
import { BannerProps } from "@/components/landing/banner";
import { NewsletterCtaProps } from "@/components/landing/newsletter-cta";
import { ImageGalleryProps } from "@/components/landing/image-gallery";
import { NewsletterCtaProps } from "@/components/newsletter-cta/newsletter-cta";
import { RootProps } from "./root";
export type { RootProps } from "./root";
export type Components = {
navigation: NavigationProps;
hero: HeroProps;
banner: BannerProps;
header: HeaderProps;
cover: CoverProps;
"newsletter-cta": NewsletterCtaProps;
"featured-product": FeaturedProductProps;
"products-grid": ProductsGridProps;
"products-carousel": ProductsCarouselProps;
@@ -36,20 +31,15 @@ export type Components = {
collection: CollectionProps;
"product-details": ProductDetailsProps;
"recommended-products": RecommendedProductsProps;
features: FeaturesProps;
testimonials: TestimonialsProps;
"image-gallery": ImageGalleryProps;
"newsletter-cta": NewsletterCtaProps;
logos: LogosProps;
cta: CTAProps;
faq: FAQProps;
"product-recommendations": ProductRecommendationsProps;
"search-products": SearchProductsProps;
footer: FooterProps;
};
export type UserConfig = Config<{
components: Components;
root: RootProps;
categories: ["navigation", "hero", "commerce", "content", "footer"];
categories: ["header", "cover", "commerce", "content", "footer"];
fields: {
userField: {
type: "userField";