Template
Initial react editor website template
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
# 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`
|
||||
Reference in New Issue
Block a user