React Editor Website

A clean, commerce-neutral website template built with Next.js, React Editor, shadcn-style components, Tailwind CSS v4, and next-themes.

Included

• Responsive Header and Footer stored as synced global blocks
• Hero, Logo Marquee, Features, Stats, Testimonials, Pricing, Posts Carousel, FAQ, and CTA blocks
• Contact page with an accessible form and validated API endpoint
• Light, dark, and system themes
• JSON-backed page content with visual editor routes
• Per-page SEO fields

Run locally

yarn install
yarn dev

Open /editor for the home page editor and /contact/editor for the contact page editor. Publishing from the editor updates the matching page.json and shared app.globals.json files when the filesystem is writable.

Block structure

Each editable block pairs a rendering component with a React Editor configuration:

components/website/pricing.tsx
components/website/pricing.config.tsx

Register new blocks in editor.config.tsx and add their prop type to config/types.ts.

Contact submissions

app/api/contact/route.ts validates incoming data but intentionally does not choose a database, CRM, or email provider. Replace the marked storage comment with the integration required by the project using this template.

Customize

• Global content: app.globals.json
• Home page: app/page.json
• Contact page: app/contact/page.json
• Site identity and canonical URL: config/site.ts
• Theme tokens: app/globals.css