Next.jsReact企业官网

template-web-landing — Next.js 企业官网模板

作者 belikely-united

BeLikely Landing 是一个基于 Next.js App Router 的多页营销网站模板，通过两个配置文件完成品牌与文案替换，构建为纯静态文件输出，适合托管在任意静态主机上。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-05查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

Next.js App Router + TypeScript + Tailwind CSS，白色主题的多页营销站点

02

通过 webshots.config.json 与 src/config/site.ts 两个文件完成品牌与文案定制

03

构建为静态导出，产物在 out/ 目录，可部署到 Firebase Hosting、Cloudflare Pages、Netlify、GitHub Pages

04

内置逐页标题、Open Graph、sitemap.xml 与 robots.txt 等 SEO 基础配置

05

联系表单可对接 Formspree、Basin 或自建端点，留空则显示邮箱地址

06

页面可在配置中开关，关闭后从导航移除并返回 404

模板详细介绍

该模板面向企业官网与产品营销站点，采用 Next.js App Router、TypeScript 与 Tailwind CSS 构建，使用白色主题。页面覆盖首页、定价、关于、联系、隐私与条款、感谢页以及 404，并支持通过配置关闭某个页面，关闭后该页面从导航中移除、访问对应 URL 时显示 404。

内容与品牌分离是它的主要组织方式：webshots.config.json 管理品牌名称、标语、强调色、Logo、站点 URL、启用页面、联系邮箱与分析设置；src/config/site.ts 存放首页 hero、功能、套餐、FAQ、关于与法律条款等文案；Logo 通过替换 public/logo.svg 更换。构建时设置 output: "export"，产物为 out/ 目录下的静态文件，可部署到 Firebase Hosting（仓库含 firebase.json 与 .firebaserc 配置）、Cloudflare Pages、Netlify 或 GitHub Pages。

SEO 方面提供逐页标题、Open Graph、sitemap.xml 与 robots.txt。联系表单可选：将 contact.formAction 指向 Formspree、Basin 或自建端点后，联系页显示表单并提交后跳转至 /thank-you；留空则改为展示联系邮箱。分析统计为可选项，配置 analytics.plausibleDomain 后接入 Plausible。

使用限制：模板默认使用占位内容，无需密钥即可运行；表单提交依赖外部表单服务，需自行配置端点并核对额度与费用；启用 Firebase 相关动态功能同样需要自行配置。演示图片、字体、图标等第三方素材的许可需单独核对，代码的 MIT 许可不覆盖这些素材。仓库还包含 webshots.json 与 BLUEPRINT.md，用于说明蓝图已实现部分与待构建部分。

Next.js企业官网

适合你的项目吗？

适用场景

  • 为产品或服务搭建包含首页、定价、关于与联系页的营销网站
  • 需要纯静态托管、不依赖服务端运行时的企业官网
  • 希望用集中配置文件管理品牌信息与页面文案，减少逐页修改成本
  • 通过外部表单服务收集联系线索并跳转到感谢页
  • 在静态站点上按需接入 Plausible 分析

适合人群

  • 需要多页营销站点而非单页落地页的项目
  • 接受使用外部表单服务处理联系表单提交的团队
  • 计划部署到静态托管平台、不需要服务端渲染的场景
  • 希望以配置文件驱动品牌与内容、便于后续替换的开发者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    使用 pnpm install 安装依赖，pnpm dev 启动本地开发服务器（默认 http://localhost:3000）

  2. 2

    编辑 webshots.config.json 设置品牌名称、标语、强调色、Logo、URL、启用页面、联系邮箱与分析

  3. 3

    编辑 src/config/site.ts 填写 hero、功能、套餐、FAQ、关于与法律条款等文案，并替换 public/logo.svg

  4. 4

    如需联系表单，将 contact.formAction 设为表单服务端点；如需统计，设置 analytics.plausibleDomain

  5. 5

    运行 pnpm build 生成 out/ 静态文件；使用 Firebase Hosting 时先在 .firebaserc 填入项目 id 再部署

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • README 提及 Formspree 表单服务；真实提交需配置服务端点，其使用额度与费用需单独核对。
  • README 提及 Firebase 集成；启用相关动态功能前需自行配置，并核对 Firebase 的额度与收费。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 联系表单功能依赖外部表单服务（如 Formspree、Basin 或自建端点），需自行配置端点并承担相应服务额度与费用；留空时仅显示邮箱地址。
  • 分析统计为可选项，需配置 Plausible 域名并依赖该外部服务，可能涉及账号与费用。
  • 使用 Firebase Hosting 部署需自行配置项目 id 并依赖 Firebase 外部服务，可能涉及账号与费用。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Set `contact.formAction` to a form service URL (Formspree, Basin, your own endpoint) and the contact page shows a form that posts there

README 原文

Set `analytics.plausibleDomain` (e.g. `example.com`) to add Plausible.

README 原文

`firebase.json` serves `out/` with clean URLs on Firebase Hosting (set your project id in `.firebaserc`, then `firebase deploy --only hosting`).

README 原文
https://github.com/belikely-united/template-web-landing/blob/main/LICENSEhttps://github.com/belikely-united/template-web-landing/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-05。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 80 / 100
技术栈
Next.js · React
网站类型
企业官网
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-10-05
截图检查日期
2026-10-05

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-06

查看当时使用的来源资料

SHA-256: b3d5446adf3d4d546ec3517ed0af514f5a666c51f0c60ce1dcf6b4a7eb5479bb

2026-10-05T16:56:25.061Z

来源文件 / 仓库
# BeLikely Landing

A clean, **multi-page Next.js marketing site** you rebrand from two files. White
theme, fully **static** (free to host), and the template behind the
[Landing / Marketing Site blueprint](https://webshots.design/blueprints/landing-site)
on WebShots.

- **Next.js (App Router) + TypeScript + Tailwind CSS v4**
- Pages: home, pricing, about, contact, privacy & terms, thank-you, 404
- **Static export** (`output: "export"`) → plain files in `out/`
- SEO basics: per-page titles, Open Graph, `sitemap.xml`, `robots.txt`
- Optional Plausible analytics and a contact form that posts to any form service

## Quick start

```bash
pnpm install
pnpm dev          # http://localhost:3000
```

It runs straight away with placeholder content — no keys needed.

## Make it your own

1. **`webshots.config.json`** — your brand (name, tagline, accent colour, logo,
   URL), which pages exist (`pages`), your contact email, and analytics.
   [WebShots](https://webshots.design) writes this file when you start a project
   from a blueprint; edit it by hand any time.
2. **`src/config/site.ts`** — the words: hero, features, plans, FAQ, about,
   legal.
3. Replace **`public/logo.svg`** with your logo.

Turn a page off by setting it to `false` under `pages`: it leaves the navigation
and its URL shows the 404 page.

### Contact form

Set `contact.formAction` to a form service URL (Formspree, Basin, your own
endpoint) and the contact page shows a form that posts there, then sends people
to `/thank-you`. Left empty, the page shows your email address instead.

### Analytics

Set `analytics.plausibleDomain` (e.g. `example.com`) to add Plausible.

## Build and deploy

```bash
pnpm build        # static site in ./out
```

`firebase.json` serves `out/` with clean URLs on Firebase Hosting (set your
project id in `.firebaserc`, then `firebase deploy --only hosting`). Any static
host works: Cloudflare Pages, Netlify, GitHub Pages.

## For AI agents

`webshots.json` says which parts of the Landing / Marketing Site blueprint this
template already builds and which settings switch them. When WebShots starts a
project, it also writes `BLUEPRINT.md`: the picked parts still to build.

---

MIT licensed. Built by [BeLikely](https://belikely.com).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

SaaS-Boilerplate

SaaS-Boilerplate

🚀🎉📚 SaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. ⚡️ Full-stack React applic…

Next.js · SaaS

Next-JS-Landing-Page-Starter-Template

Next-JS-Landing-Page-Starter-Template

🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experienc…

Next.js · 企业官网

next-saas-starter

next-saas-starter

⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

Next.js · SaaS

startup-nextjs

startup-nextjs

Startup is free Next.js template for SaaS startups comes with all the essential pages, components, and section…

Next.js · SaaS

shadcn-landing-page

shadcn-landing-page

New design 🎉 Nextjs + Shadcn + TypeScript + Tailwind. Landing page template ease-to-use

Next.js · 企业官网

shadcn-dashboard-landing-template

shadcn-dashboard-landing-template

Accelerate your development with a sleek, open-source admin dashboard and landing page built on Vite-React, Ne…

Next.js · 后台