Next.jsViteReact企业官网启动器

shadcn-landing-page — Next.js 企业官网模板

作者 10co

基于 React、Vite、Tailwind CSS 与 shadcn/ui 的落地页启动模板，不依赖 Next.js，可部署到任意静态托管平台。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

桌面端首页

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

桌面端截图首屏预览

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

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

使用 React、Vite、Tailwind CSS 与 shadcn/ui 组件构建，不依赖 Next.js

内置 i18next 国际化，提供英文与中文两份配置文件

主题可通过 TweakCN 在线编辑器调整外观

构建输出到 dist 目录，可部署到 Cloudflare Pages、Vercel、Netlify、Docker 等平台

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

模板详细介绍

这是一个落地页（Landing Page）启动模板，使用 React、Vite、Tailwind CSS 与 shadcn/ui 组件库构建，明确不依赖 Next.js，因此可以部署到 Cloudflare Pages、Vercel、Netlify、Docker 等任意平台。README 中给出的构建产物输出到 dist 目录，属于静态站点形态。

模板内置 i18n 支持（通过 i18next），并提供 en-US 与 zh-CN 两份配置文件（src/config/config.en-US.tsx、src/config/config.zh-CN.tsx），页面文案与设置主要在这两个文件中修改。主题外观可通过 TweakCN 在线编辑器调整。README 还提到可借助 AI 进行配置，但未说明具体方式与范围。

使用前需注意：仓库 README 中的克隆命令指向 shadcn-landing2，与当前仓库名不完全一致；包管理器以 pnpm 为准，需自行确认 Node.js 环境。演示图片、字体、图标等第三方素材的授权需单独核对，代码本身的 MIT 许可不覆盖这些内容；域名、托管、数据库、支付或 AI 等外部服务可能另行收费。

Next.jsViteReact企业官网启动器

适合你的项目吗？

适用场景

需要一个不绑定 Next.js 的 React 落地页起点
为产品或活动搭建单页展示站点并部署到静态托管平台
需要中英双语切换的落地页项目
希望基于 shadcn/ui 组件快速调整页面样式与主题

适合人群

熟悉 React 与 Vite 的前端开发者
需要中英双语落地页的团队
计划部署到静态托管或容器环境的项目
接受以配置文件方式维护页面文案的使用者

上手与定制指南

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

1
使用 pnpm 安装依赖并运行 pnpm run dev 启动开发服务器，默认端口为 5173
2
页面内容与设置在 src/config/config.en-US.tsx 与 src/config/config.zh-CN.tsx 中修改
3
执行 pnpm run build 生成生产构建，产物位于 dist 目录
4
README 中的克隆命令指向 shadcn-landing2，请以实际仓库地址为准
5
演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

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

https://github.com/10co/shadcn-landing-page/blob/main/LICENSE https://github.com/10co/shadcn-landing-page/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2025-04-24
截图检查日期: 2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 2771c9abed60fe58faf1d4297e7ae8f68968fc4009365439da0b19874f9cfdd2

2026-10-02T14:29:04.024Z

来源文件 / 仓库

# shadcn-landing-page

A simple landing page starter template built with React 19, Vite 6, Tailwind CSS v4, and shadcn/ui.
Designed for easy deployment on any platform, without dependency on Next.js.

![](./public/og.jpg)

## Features

- **React 19:** Leverage the latest features of React.
- **Vite 6:** Fast development server and optimized builds.
- **Tailwind CSS v4:** Modern utility-first CSS framework (v4).
- **Shadcn/UI:** Beautifully designed and accessible UI components.
- **i18n:** Internationalization support via [i18next](https://www.i18next.com/).
- **Configuratable with AI:** Easy configure with AI
- **Customizable Theme:** Easily tweak the look and feel using [TweakCN](https://tweakcn.com/editor/theme).
- **Platform Agnostic:** Deploy anywhere (Cloudflare Pages, Vercel, Netlify, Docker, etc.).
- **Logo:** [favicon.io](https://favicon.io/logo-generator/)

## Getting Started

1.  **Clone the repository:**

    ```bash
    git clone https://github.com/10co/shadcn-landing2.git
    cd shadcn-landing2
    ```

2.  **Install dependencies:**
    (Ensure you have Node.js and pnpm installed)

    ```bash
    pnpm install
    ```

3.  **Customize configuration:**
    Modify the content and settings in the following files to match your project:

    ```
    src/config/config.en-US.tsx
    src/config/config.zh-CN.tsx
    // Adjust other configuration files as needed
    ```

4.  **Run the development server:**

    ```bash
    pnpm run dev
    ```

    Open your browser and navigate to `http://localhost:5173` (or the port specified in the output).

5.  **Build for production:**

    ```bash
    pnpm run build
    ```

    This will create an optimized production build in the `dist` directory.

## Inspiration

- [KaraBharat/shadcn-crm-dashboard](https://github.com/KaraBharat/shadcn-crm-dashboard)

## License

[MIT](https://opensource.org/licenses/MIT)

反馈内容错误