ForumX-Conference-Template — Next.js 企业官网模板

SHA-256: 1a6d6d53d9dd66d8418e494e322f8709e7a2edff471958697ec3609fa7a7263d

2026-10-02T02:15:53.513Z

# ForumX

A **conference / summit** landing site built with **Next.js 16**, **React 19**, **Tailwind CSS 4**, and **Framer Motion**. Fork it, rename things, drop in your dates and assets, and you’re ready to promote your event.

The demo uses **ForumX Summit 2027** as placeholder branding—swap it everywhere for your own name.

**Live demo:** [forumx-conference-template.vercel.app](https://forumx-conference-template.vercel.app)

---

## Screenshots

![ForumX — hero and nav](docs/readme-assets/forumx-01-hero.png)

![ForumX — about section with parallax imagery and countdown](docs/readme-assets/forumx-02-about-countdown.png)

![ForumX — meet our speakers](docs/readme-assets/forumx-03-speakers.png)

![ForumX — ticket tiers](docs/readme-assets/forumx-04-tickets.png)

---

## Run locally

```bash
npm install
npm run dev
```

Open [http://localhost:3000](http://localhost:3000).

```bash
npm run build
npm run start
```

---

## Customize

| What | Where |
|------|--------|
| **SEO defaults** (title, description, URL, keywords, geo, Twitter) | `src/config/site.ts` + `src/app/layout.tsx` |
| Hero (headline, dates, city) | `src/components/forumx/HeroNextConfo.tsx` |
| About & countdown | `src/components/forumx/AboutSection.tsx` |
| Other sections | Files under `src/components/forumx/` |
| Sponsor logos | `public/partners/` |

Copy **`.env.example`** to `.env.local`. The default **`NEXT_PUBLIC_SITE_URL`** matches the [Vercel demo](https://forumx-conference-template.vercel.app); change it when you use a custom domain (no trailing slash). That drives canonical URLs, Open Graph, JSON-LD, and the sitemap.

Search for **`ForumX`**, **`forumx.example.com`**, **`vercel.app`**, and **`2027`** to catch leftover placeholder copy.

---

## SEO, geo & discoverability

- **Open Graph & Twitter cards** — configured in `layout.tsx`; share previews use `src/app/opengraph-image.tsx` (1200×630).
- **Geo** — `geo.region`, `geo.placename`, and `ICBM` meta tags (San Francisco) via `siteConfig.geo`.
- **Structured data** — `Organization` (site-wide) + `Event` (homepage) as JSON-LD for Google and other consumers.
- **`/sitemap.xml`** & **`/robots.txt`** — generated by `src/app/sitemap.ts` and `src/app/robots.ts`.
- **`/llms.txt`** — short, factual summary for AI crawlers (see [llmstxt.org](https://llmstxt.org/)). Update it when your event details change.
- **Vercel Analytics** — `VercelAnalytics` uses `@vercel/analytics/react` (only reports when deployed on Vercel).

Optional: set **`NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION`** in `.env.local` for Search Console.

---

## Stack

- [Next.js](https://nextjs.org/) (App Router)  
- [Tailwind CSS](https://tailwindcss.com/) v4  
- [Framer Motion](https://www.framer.com/motion/)  

Deploy easily on [Vercel](https://vercel.com) or any Node host.

---

## License

This project is released under the [MIT License](LICENSE).

You may use, copy, modify, merge, publish, and sell copies for free or commercial events and products. **No warranty** — the software is provided “as is.” Attribution in the footer is appreciated, not required.