Template
45 lines
1.5 KiB
Markdown
45 lines
1.5 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
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:
|
|
|
|
```text
|
|
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`
|