Next.jsReactSaaS企业官网

scala-sites — Next.js SaaS模板

作者 Alessandro114

scala-sites 是采用 MIT 许可的 Next.js 垂直行业网站模板集合，覆盖餐饮、健康、家居服务、汽车、零售、专业服务等 100 个行业，每个模板内置预约、WhatsApp、评价、FAQ 与 JSON-LD。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 3

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

采集于 2026-09-30查看来源

值得关注的模板亮点

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

按行业垂直方向提供 100 套模板，覆盖餐饮、健康、家居服务、汽车、零售、专业服务、地产等类别

每套模板内置预约组件、WhatsApp 入口、评价轮播与带 JSON-LD 的 FAQ 手风琴

使用 CSS 变量控制主题，修改少量变量即可更换品牌配色

基于 Next.js 与 React，仓库说明除 React/Next.js 外不引入额外依赖

模板可独立运行，也可对接外部 API

采用 MIT 许可，允许免费使用、修改、商用与分发

模板详细介绍

scala-sites 是一个基于 Next.js 与 React 的开源模板仓库，按行业垂直方向提供 100 套网站模板，演示站点部署在 Vercel 上，可逐个访问对应行业路径查看。模板面向中小企业官网与本地服务类站点，覆盖餐饮、健康与养生、家居服务、汽车、个人服务、教育、娱乐、旅行住宿、专业服务、零售、地产、社区与创意等类别。

每套模板自带预约组件、WhatsApp 入口、评价轮播、带 JSON-LD 结构化数据的 FAQ 手风琴，以及逐页的 SEO 元数据；主题通过 CSS 变量控制，修改少量变量即可调整品牌配色。仓库说明其除 React/Next.js 外不引入额外依赖，模板既可独立运行，也可对接外部 API。

使用前需注意：代码采用 MIT 许可，可免费使用、修改、商用与分发，分发时需保留版权与许可声明；但演示图片、字体、图标等第三方素材需单独核对其许可，域名、托管、数据库、支付或 AI 等外部服务可能另行收费。README 中提到的 AI 预约、WhatsApp 自动化、CRM 与分析能力属于外部付费产品 SCALA AI OS，不在本仓库的免费模板范围内。

Next.jsReactSaaS企业官网

适合你的项目吗？

适用场景

为本地服务类商家（如电工、水管工、清洁、搬家）搭建带预约与联系入口的官网
为餐饮门店（如烘焙、咖啡馆、餐厅、披萨店）制作展示菜单与门店信息的页面
为健康与养生机构（如理疗、心理咨询、瑜伽、美容）搭建含 FAQ 与评价的站点
为专业服务公司（如律所、会计、咨询、代理机构）建立企业官网
为零售与地产类业务（如书店、宠物店、房产中介）制作展示型网站

适合人群

需要按行业快速选取模板并自行部署的中小企业主
希望基于 Next.js 与 React 二次开发垂直行业站点的开发者
为本地商家建站、需要可复用模板的建站服务方
需要内置预约、WhatsApp 与 JSON-LD 结构化数据的中小站点项目

上手与定制指南

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

1
克隆仓库后执行 npm install 与 npm run dev，本地默认访问 http://localhost:3099
2
模板可部署到 Vercel，仓库提供一键克隆部署入口
3
演示图片、字体、图标等第三方素材需按各自许可单独核对
4
域名、托管、数据库、支付或 AI 等外部服务可能产生额外费用
5
README 中提到的 AI 预约、WhatsApp 自动化、CRM 与分析属于外部付费产品，不在本仓库免费范围内

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

AI 预约、WhatsApp 自动化、CRM 与分析等能力属于外部付费产品 SCALA AI OS（每月 97 欧元起），不在本仓库免费模板范围内；免费模板本身可独立使用。
免费托管依赖 Vercel 免费套餐；若超出免费额度或改用其他托管服务，可能产生额外费用。
站点分析功能由外部服务 analyze.get-scala.com 提供，需访问该第三方站点，其可用性与条款由该服务决定。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

if you want AI-powered booking, WhatsApp automation, CRM, and analytics — check out **[SCALA AI OS](https://get-scala.com)**. From €97/mo.
README 原文

Hosting | €120–600/yr | **€0** (Vercel free tier)
README 原文

Enter any URL. Get Lighthouse scores, tech stack detection, and see exactly how much your current site costs per year. Free, instant, no signup.
README 原文

https://github.com/Alessandro114/scala-sites/blob/main/LICENSE https://github.com/Alessandro114/scala-sites/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 88 / 100
技术栈: Next.js · React
网站类型: SaaS · 企业官网

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-09-29
截图检查日期: 2026-09-30

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 0703135c68753ed6a637b51d40aa7602062258a6c5da7f1ce340c237bdb556b3

2026-09-30T08:01:19.047Z

来源文件 / 仓库

<div align="center">

[![GitHub Stars](https://img.shields.io/github/stars/Alessandro114/scala-sites?style=flat-square&logo=github&label=Stars)](https://github.com/Alessandro114/scala-sites/stargazers)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](LICENSE)
[![Templates](https://img.shields.io/badge/Templates-100-brightgreen?style=flat-square)](https://scala-sites.vercel.app)
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/Alessandro114/scala-sites)
[![Analyze your site](https://img.shields.io/badge/Analyze%20your%20site-analyze.get--scala.com-orange?style=flat-square)](https://analyze.get-scala.com)

# 🚀 100 Industry Website Templates. Zero Cost.

**Your website costs €6,660/year.**
**We built 100 free alternatives. For every industry.**

[**→ Browse all 100 live demos**](https://scala-sites.vercel.app)

</div>

---

## Deploy in 30 seconds

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/Alessandro114/scala-sites)

```bash
git clone https://github.com/Alessandro114/scala-sites
cd scala-sites
npm install
npm run dev
```

Pick your vertical. Ship it. Done.

---

## The Problem

The average SMB pays **€6,660/year** for:

- Website builder + hosting
- CRM
- Booking system
- Live chat
- Email marketing
- SEO tools
- Review management

Most of it is unnecessary in 2026. We built the whole thing into 100 free templates.

---

## The Solution — 100 Verticals, All Free

Every template ships with booking, WhatsApp, reviews, FAQ with JSON-LD, and SEO out of the box. Not as plugins. Not as paid add-ons. Built in.

### Food & Drink
| Template | Demo |
|---|---|
| Bakery | [bakery](https://scala-sites.vercel.app/bakery) |
| Café | [café](https://scala-sites.vercel.app/cafe) |
| Gelateria | [gelateria](https://scala-sites.vercel.app/gelateria) |
| Wine Bar | [wine-bar](https://scala-sites.vercel.app/wine-bar) |
| Brewery | [brewery](https://scala-sites.vercel.app/brewery) |
| Sushi | [sushi](https://scala-sites.vercel.app/sushi) |
| Catering | [catering](https://scala-sites.vercel.app/catering) |
| Pizzeria | [pizzeria](https://scala-sites.vercel.app/pizzeria) |
| Restaurant | [restaurant](https://scala-sites.vercel.app/restaurant) |
| Restaurant Modern | [restaurant-modern](https://scala-sites.vercel.app/restaurant-modern) |

### Health & Wellness
| Template | Demo |
|---|---|
| Physiotherapy | [physiotherapy](https://scala-sites.vercel.app/physiotherapy) |
| Psychologist | [psychologist](https://scala-sites.vercel.app/psychologist) |
| Nutritionist | [nutritionist](https://scala-sites.vercel.app/nutritionist) |
| Chiropractor | [chiropractor](https://scala-sites.vercel.app/chiropractor) |
| Pharmacy | [pharmacy](https://scala-sites.vercel.app/pharmacy) |
| Optician | [optician](https://scala-sites.vercel.app/optician) |
| Yoga | [yoga](https://scala-sites.vercel.app/yoga) |
| Clinic | [clinic](https://scala-sites.vercel.app/clinic) |
| Dental Clinic | [clinic-dental](https://scala-sites.vercel.app/clinic-dental) |
| Dermatology | [dermaly](https://scala-sites.vercel.app/dermaly) |
| Skin Clinic | [dermaly-skin](https://scala-sites.vercel.app/dermaly-skin) |
| Beauty | [beauty](https://scala-sites.vercel.app/beauty) |
| Beauty Spa | [beauty-spa](https://scala-sites.vercel.app/beauty-spa) |

### Home Services
| Template | Demo |
|---|---|
| Electrician | [electrician](https://scala-sites.vercel.app/electrician) |
| Landscaping | [landscaping](https://scala-sites.vercel.app/landscaping) |
| Painter | [painter](https://scala-sites.vercel.app/painter) |
| Pest Control | [pest-control](https://scala-sites.vercel.app/pest-control) |
| Pool Service | [pool-service](https://scala-sites.vercel.app/pool-service) |
| Roofing | [roofing](https://scala-sites.vercel.app/roofing) |
| Plumber | [plumber](https://scala-sites.vercel.app/plumber) |
| Cleaning | [clean](https://scala-sites.vercel.app/clean) |
| Commercial Cleaning | [clean-commercial](https://scala-sites.vercel.app/clean-commercial) |
| Moving | [moving](https://scala-sites.vercel.app/moving) |
| Laundry | [laundry](https://scala-sites.vercel.app/laundry) |

### Automotive
| Template | Demo |
|---|---|
| Auto Repair | [auto](https://scala-sites.vercel.app/auto) |
| Dealership | [dealership](https://scala-sites.vercel.app/dealership) |
| Car Wash | [car-wash](https://scala-sites.vercel.app/car-wash) |
| Car Rental | [car-rental](https://scala-sites.vercel.app/car-rental) |
| Bike Shop | [bike-shop](https://scala-sites.vercel.app/bike-shop) |
| Driving School | [driving-school](https://scala-sites.vercel.app/driving-school) |

### Personal Services
| Template | Demo |
|---|---|
| Barber | [barber](https://scala-sites.vercel.app/barber) |
| Tattoo | [tattoo](https://scala-sites.vercel.app/tattoo) |
| Tailor | [tailor](https://scala-sites.vercel.app/tailor) |
| Jeweler | [jeweler](https://scala-sites.vercel.app/jeweler) |
| Florist | [florist](https://scala-sites.vercel.app/florist) |
| Photographer | [photographer](https://scala-sites.vercel.app/photographer) |

### Education
| Template | Demo |
|---|---|
| School | [school](https://scala-sites.vercel.app/school) |
| Music School | [school-music](https://scala-sites.vercel.app/school-music) |
| Dance School | [dance-school](https://scala-sites.vercel.app/dance-school) |
| Tutoring | [tutoring](https://scala-sites.vercel.app/tutoring) |
| Surf School | [surf-school](https://scala-sites.vercel.app/surf-school) |
| Daycare | [daycare](https://scala-sites.vercel.app/daycare) |

### Entertainment
| Template | Demo |
|---|---|
| Escape Room | [escape-room](https://scala-sites.vercel.app/escape-room) |
| Bowling | [bowling](https://scala-sites.vercel.app/bowling) |
| Cinema | [cinema](https://scala-sites.vercel.app/cinema) |
| DJ | [dj](https://scala-sites.vercel.app/dj) |
| Event Planner | [event-planner](https://scala-sites.vercel.app/event-planner) |

### Travel & Hospitality
| Template | Demo |
|---|---|
| Hotel | [hotel](https://scala-sites.vercel.app/hotel) |
| Boutique Hotel | [hotel-boutique](https://scala-sites.vercel.app/hotel-boutique) |
| B&B | [bnb](https://scala-sites.vercel.app/bnb) |
| Camping | [camping](https://scala-sites.vercel.app/camping) |
| Marina | [marina](https://scala-sites.vercel.app/marina) |
| Travel Agency | [travel-agency](https://scala-sites.vercel.app/travel-agency) |
| Tour Guide | [tour-guide](https://scala-sites.vercel.app/tour-guide) |
| Wedding | [wedding](https://scala-sites.vercel.app/wedding) |
| Wedding Barn | [wedding-barn](https://scala-sites.vercel.app/wedding-barn) |

### Professional Services
| Template | Demo |
|---|---|
| Law Firm | [law](https://scala-sites.vercel.app/law) |
| IP Law | [law-ip](https://scala-sites.vercel.app/law-ip) |
| Accountant | [accountant](https://scala-sites.vercel.app/accountant) |
| Startup Accountant | [accountant-startup](https://scala-sites.vercel.app/accountant-startup) |
| Insurance | [insurance](https://scala-sites.vercel.app/insurance) |
| Notary | [notary](https://scala-sites.vercel.app/notary) |
| IT Services | [it-services](https://scala-sites.vercel.app/it-services) |
| Consulting | [consulting](https://scala-sites.vercel.app/consulting) |
| Recruitment | [recruitment](https://scala-sites.vercel.app/recruitment) |
| Printing | [printing](https://scala-sites.vercel.app/printing) |
| Interior Designer | [interior-designer](https://scala-sites.vercel.app/interior-designer) |
| Financial Advisor | [financial-advisor](https://scala-sites.vercel.app/financial-advisor) |
| Agency | [agency](https://scala-sites.vercel.app/agency) |
| Creative Agency | [agency-creative](https://scala-sites.vercel.app/agency-creative) |

### Retail
| Template | Demo |
|---|---|
| Shop | [shop](https://scala-sites.vercel.app/shop) |
| Local Shop | [shop-local](https://scala-sites.vercel.app/shop-local) |
| Pet Shop | [pet-shop](https://scala-sites.vercel.app/pet-shop) |
| Bookstore | [bookstore](https://scala-sites.vercel.app/bookstore) |
| Farm Shop | [farm-shop](https://scala-sites.vercel.app/farm-shop) |
| Butcher | [butcher](https://scala-sites.vercel.app/butcher) |
| Vineyard | [vineyard](https://scala-sites.vercel.app/vineyard) |

### Property
| Template | Demo |
|---|---|
| Property | [property](https://scala-sites.vercel.app/property) |
| Luxury Property | [property-luxury](https://scala-sites.vercel.app/property-luxury) |
| Coworking | [coworking](https://scala-sites.vercel.app/coworking) |

### Community
| Template | Demo |
|---|---|
| Nonprofit | [nonprofit](https://scala-sites.vercel.app/nonprofit) |
| Church | [church](https://scala-sites.vercel.app/church) |
| Art Gallery | [art-gallery](https://scala-sites.vercel.app/art-gallery) |

### Creative
| Template | Demo |
|---|---|
| Studio | [studio](https://scala-sites.vercel.app/studio) |
| Architecture Studio | [studio-architecture](https://scala-sites.vercel.app/studio-architecture) |

---

## What You Get for Free

- ✅ 100 unique templates (not 100 copies of the same layout)
- ✅ Unique hero design per template — parallax, video, typewriter, split, glassmorphism, and more
- ✅ Built-in booking widget
- ✅ WhatsApp integration
- ✅ Review carousel
- ✅ FAQ accordion with JSON-LD structured data
- ✅ SEO optimized — JSON-LD on every page, out of the box
- ✅ Mobile responsive
- ✅ Lighthouse 90+ scores
- ✅ CSS variable theming — change 9 values, get a new brand
- ✅ Zero dependencies beyond React/Next.js
- ✅ Works standalone OR connects to any API

---

## Analyze Your Current Site

**→ [analyze.get-scala.com](https://analyze.get-scala.com)**

Enter any URL. Get Lighthouse scores, tech stack detection, and see exactly how much your current site costs per year. Free, instant, no signup.

---

## The Real Cost of Your Website

| What you need | Traditional cost | With scala-sites |
|---|---|---|
| Website design | €2,000–8,000 | **€0** (MIT template) |
| Hosting | €120–600/yr | **€0** (Vercel free tier) |
| SSL | €50–300/yr | **€0** (automatic) |
| CRM | €180–1,200/yr | **€0** (built-in) |
| Booking | €120–360/yr | **€0** (built-in) |
| Live chat | €228–1,800/yr | **€0** (WhatsApp) |
| SEO tools | €120–2,400/yr | **€0** (JSON-LD built-in) |
| **Total** | **€4,000–22,000/yr** | **€0** |

---

## Tech Stack

- **Next.js 14** — App Router, SSG, ISR
- **TypeScript** — strict mode throughout
- **Tailwind CSS** — utility-first, no fighting the cascade
- **CSS variable theming** — rebrand in 9 lines
- **Zero external dependencies** — no Stripe, no Calendly, no widget hell

---

## Quick Start

```bash
git clone https://github.com/Alessandro114/scala-sites
cd scala-sites
npm install
npm run dev
```

Open `http://localhost:3099`. Pick a vertical. Customize. Ship.

---

## Want AI superpowers?

These templates work perfectly standalone. But if you want AI-powered booking, WhatsApp automation, CRM, and analytics — check out **[SCALA AI OS](https://get-scala.com)**. From €97/mo.

---

## Contributing

PRs for new verticals are welcome.

Each vertical needs:
- Unique hero design (not a copy of an existing one)
- 5+ sections
- JSON-LD structured data
- `layout.tsx` with full metadata

Check [open issues](https://github.com/Alessandro114/scala-sites/issues) for requested verticals.

---

## License

MIT — do whatever you want with it. No attribution required. No strings attached.

---

<div align="center">

Built with ❤️ by [SCALA](https://get-scala.com) — the AI Operating System for every business.

</div>


---

## Ecosystem

Part of the **S.C.A.L.A.** open-source ecosystem:

| Project | What it does |
|---------|-------------|
| [SARA](https://github.com/Alessandro114/sara) | WhatsApp AI agent with 20 industry-specific brains |
| [LandIQ](https://github.com/Alessandro114/landiq) | Autonomous real estate feasibility agent |
| [scala-sites](https://github.com/Alessandro114/scala-sites) | 100 vertical website templates (Next.js, MIT) |
| [scala-agent-definitions](https://github.com/Alessandro114/scala-agent-definitions) | 79 AI tool definitions for 20 verticals |
| [scala-mcp-server](https://github.com/Alessandro114/scala-mcp-server) | MCP server for Claude/ChatGPT — 250M+ companies |
| [Score SDKs](https://github.com/Alessandro114/scala-score-js) | Company data — [JS](https://npmjs.com/package/scala-score) · [Python](https://pypi.org/project/scala-score) · [Go](https://github.com/Alessandro114/company-lookup-go) · [Rust](https://github.com/Alessandro114/score-rust) · [Deno](https://github.com/Alessandro114/scala-score-deno) |
| [enrich-companies](https://github.com/Alessandro114/enrich-companies) | CSV enrichment CLI — [npm](https://npmjs.com/package/enrich-companies) · [pip](https://pypi.org/project/enrich-companies) |
| [n8n node](https://github.com/Alessandro114/n8n-nodes-scala) | n8n community node for company data |

反馈内容错误