Bilingual (CN/EN) SaaS marketing website template · Next.js 16 + React 19 + Tailwind v4 · complete marketing funnel & content hub · static-export one-click deploy · buy-out for commercial use
Next.js template
Included in the delivery package
zhixu-saas-template-1.0.0
2026-09-11
1 files / modules
Pending update
Download and use permanently after purchase.
A ready-to-use bilingual (CN/EN) SaaS marketing website template, built on Next.js 16 + React 19 + Tailwind v4, with a complete marketing funnel from brand storytelling to lead conversion plus a content hub, static-export one-click deploy, and a buy-out license for commercial use, modification and removing the footer credit.\n\n⚠️ This product is a marketing website template — it does NOT include user login, a database, or a back-office system; demo images are for preview only and must be replaced; requires Node.js 20+ and pnpm 11.
Zhixu is a marketing website template for B2B / SaaS teams, covering the full path from brand storytelling and product education to lead conversion.
Great for: company sites, product launch pages, marketing landing pages, and demo sites.
It ships with an original SaaS narrative (HR / team-collaboration themed) that you can rewrite into your own product copy.
It is not a full HR SaaS with login, database and back office — it is a freely customizable marketing front end.
/ language chooser/[locale]/ localized home with the full marketing funnel (hero / product UI mockups / testimonials / feature sections / pricing / reviews / conversion CTA)/features product features/integrations integration directory/pricing plans + FAQ (monthly / yearly toggle)/book-a-demo book a product demo/contact contact sales & support/about company story, mission & metrics/changelog product changelog/articles insights list & detail (MDX)Stack: Next.js 16 App Router · React 19 · TypeScript · Tailwind CSS v4 + global design tokens.
Content: local MDX + YAML front matter, automatic reading-time, static route generation, GFM tables / lists and custom MDX components.
UX: typography tuned for CJK reading rhythm; responsive across desktop / tablet / mobile; mobile collapsible menu; FAQ accordion; respects prefers-reduced-motion.
Build: output: export static build, deployable to any CDN / static host.
Two content layers work independently:
src/config/product.ts — edit the arrays, no components touched.content/articles/zh-CN, /en) with YAML front matter (title / summary / date / category / author / cover).Articles ship with 9 ready-to-use components, no import needed:
Callout · PullQuote · Figure (image with caption)Steps/Step · Checklist · MetricGrid/MetricLinkCard · Badge · DetailsGFM tables / lists, automatic reading-time, and static routes via generateStaticParams. Just write Markdown to get polished articles — no front-end code required.
zhixu-saas-template/
├─ src/
│ ├─ app/ Next.js App Router pages
│ │ ├─ [locale]/ localized pages (home/features/integrations/pricing/book-a-demo/contact/about/changelog/articles)
│ │ ├─ (landing)/ language-chooser landing
│ │ ├─ globals.css design tokens (colors/fonts)
│ │ └─ icon.svg site icon
│ ├─ config/ site config (this is where you edit most copy)
│ │ ├─ brand.ts brand name / site description / footer
│ │ ├─ contact.ts general/sales/support/privacy emails & office address
│ │ ├─ product.ts features/pricing/integrations/FAQ/changelog (bilingual data)
│ │ ├─ seo.ts SEO / Open Graph / Twitter
│ │ ├─ forms.ts · preset.ts · site.ts form mode / preset / site
│ │ └─ content/home.ts home-page section content
│ ├─ components/ UI components (incl. mdx-components.tsx — 9 article components)
│ ├─ i18n/ config.ts (locale list) · dictionary.ts (shared copy)
│ └─ lib/ article loading & utilities
├─ content/articles/ article MDX sources (zh-CN / en)
├─ public/ static assets (incl. preview-only demo images — replace before launch)
├─ docs/ buyer docs (zh-CN / en: product/quick-start/deploy/license/refund…)
├─ scripts/ content validation / release packaging scripts
├─ .env.example env-var sample
└─ next.config.ts · tsconfig.json · package.json · pnpm-workspace.yaml
Where to edit: copy and marketing data live in src/config/* (esp. product.ts, content/home.ts); articles are written in content/articles/{zh-CN,en}/*.mdx; design tokens at the top of src/app/globals.css; brand icon src/app/icon.svg; demo images under public/ must be replaced before launch.
This product is a buyout commercial license: one-time purchase, usable in your own or clients' commercial projects, modifiable, with footer-credit removal allowed, and you may deliver finished sites to licensed clients. Includes 12 months of updates and email support; full terms in docs/zh-CN/LICENSE.md inside the package.
Not allowed: reselling / redistributing / relicensing / sharing / renting the product as a standalone template or source package; publishing it to public repositories; adding it to theme markets / no-code platforms that let third parties download or export the source.
After payment you receive (in your order detail): an encrypted source-package download link + unzip password + license certificate.
Requirements: Node 20+ / pnpm 11.
Quick start:
cp .env.example .env.local
pnpm install --frozen-lockfile
pnpm dev
Open /zh-CN/ or /en/.
Main edit points:
src/config/brand.tssrc/config/contact.tssrc/config/product.tssrc/config/content/home.tssrc/config/seo.tsBefore launch, replace the sample domain with your NEXT_PUBLIC_SITE_URL and swap the OG image and demo images. One-click deploy to Vercel / Netlify / Cloudflare Pages.
Support: 12 months of product updates and email support covering installation, documented configuration, reproducible build failures, and confirmed defects in the unmodified template; target first response within 3 business days.
Excludes: custom design, copywriting, third-party account setup, deployment-for-hire, back-end development, and legal / compliance review.
Refunds: as downloadable source, no refund after download in principle (unless required by law). Within 14 days of purchase you may request a refund if the package is corrupted with no replacement, the unmodified template cannot build per the docs in a supported environment, or the same order was charged twice.
public/images/) are for preview only and must be replaced by the buyerCompatibility details pending seller input