Next.jsReact企业官网

luroai-nextjs-frontend-app — Next.js 企业官网模板

作者 aphelion31

Luro 是一个基于 Next.js 的 AI 内容创作平台落地页模板，使用 Tailwind CSS、Shadcn UI、Magic UI、Aceternity UI、Prisma、MongoDB、Clerk 等技术，README 列出了社交营销分析相关功能。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

使用 Next.js、Tailwind CSS、Shadcn UI、Magic UI 和 Aceternity UI 构建的落地页

02

集成 Prisma 与 MongoDB 作为数据库层

03

使用 Clerk 处理认证，并配置登录与注册路由

04

使用 React Hook Form 处理表单，Recharts 展示图表，Framer Motion 提供动画

05

README 列出实时表现追踪、互动率、受众洞察、自定义报告和 ROI 分析等功能

模板详细介绍

该模板是 Luro 的落地页（Landing Page），定位为 AI 驱动的社交媒体营销平台前端。README 说明其技术栈包括 Next.js、Tailwind CSS、Shadcn UI、Magic UI、Aceternity UI、Prisma、MongoDB、Clerk、React Hook Form、Recharts 和 Framer Motion，并列出实时跨平台表现追踪、互动率计算与趋势、受众增长与人口统计洞察、自定义报告生成、ROI 追踪与分析等功能。安装步骤要求克隆仓库、使用 pnpm 安装依赖、在 .env 中配置应用名称与域名、数据库连接以及 Clerk 认证相关变量，然后运行 pnpm run dev 启动开发服务器。README 未提供页面结构、路由、组件清单、部署方式或生产环境配置的说明，也未说明这些功能是否已完整实现。

Next.js企业官网

适合你的项目吗？

适用场景

  • 作为 AI 内容创作或社交媒体营销产品的落地页起点
  • 需要 Clerk 认证与 MongoDB 数据库的 Next.js 项目参考
  • 使用 Shadcn UI、Magic UI、Aceternity UI 组合搭建营销页面的示例

适合人群

  • 熟悉 Next.js 与 TypeScript 的前端开发者
  • 需要带认证和数据库配置的落地页模板的团队
  • 希望参考多种 UI 组件库组合的开发者

上手与定制指南

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

  1. 1

    克隆仓库后使用 pnpm install 安装依赖

  2. 2

    在 .env 中配置 NEXT_PUBLIC_APP_NAME、NEXT_PUBLIC_APP_DOMAIN、DATABASE_URL 以及 Clerk 相关变量

  3. 3

    Clerk 需配置登录与注册 URL 及回退地址

  4. 4

    使用 pnpm run dev 启动开发服务器

  5. 5

    README 未提供部署步骤或生产环境配置说明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 运行项目需要配置 DATABASE_URL，即需要可用的 MongoDB 数据库连接。
  • 运行项目需要配置 Clerk 认证服务，需提供 NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY。
  • 运行项目需要配置 Clerk 认证服务，需提供 CLERK_SECRET_KEY。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

DATABASE_URL=

README 原文

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=

README 原文

CLERK_SECRET_KEY=

README 原文
https://github.com/aphelion31/luroai-nextjs-frontend-app/blob/master/LICENSEhttps://github.com/aphelion31/luroai-nextjs-frontend-app/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2025-07-21
截图检查日期
2026-10-14

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: codex-user-requested-batch-review-20261015 · 2026-10-15

查看当时使用的来源资料

SHA-256: 16bd1f87b18c7e3948a9deba3956fd6c090017093e07ca763eaee456d3c279f9

2026-10-14T10:15:03.551Z

来源文件 / 仓库
<img src="https://github.com/user-attachments/assets/a1d7ced5-e6fc-41fd-9256-9d73a5f33597" alt="Luro Logo" width="50" height="50">


# 🔗 Luro - AI Powered Content Creation Platform(Landing Page)

<!-- <img src="https://github.com/user-attachments/assets/deab03fd-4234-44c3-a6ad-484c4a1a02a1" alt="Linkify Thubmnail"> -->
<img src="https://github.com/user-attachments/assets/0ff7129e-2f5d-48ae-913d-d4fd1507e613" alt="Luro Thumbnail" style="border-radius: 12px;" width="1280">


## 🌟 Introduction
Luro is an innovative social media marketing platform designed to help you streamline your social media management effortlessly. Built with Next.js, Tailwind CSS, Shadcn UI, Magic UI, Aceternity UI, Prisma, MongoDB, Clerk, React Hook Form, and TypeScript, Luro provides powerful analytics and user-friendly features to enhance your social media marketing experience.

## 🚀 Features

- Real-time performance tracking across platforms
- Engagement rate calculations and trends
- Audience growth and demographic insights
- Custom report generation
- ROI tracking and analysis

## 💻 Tech Stack

* Next.js
* Tailwind CSS
* Shadcn UI
* Magic UI
* Aceternity UI
* Prisma
* MongoDB
* Clerk
* Recharts
* Framer Motion

## 🛠️ Installation
To run Luro locally, follow these steps:

1. Clone the repository:
    ```bash
    git clone https://github.com/bforbilly24/luroai-nextjs-frontend-app.git
    ```
2. Install dependencies:
    ```bash
    pnpm install
    ```
3. Set up environment variables in a `.env` file:
    ```
    # app
    NEXT_PUBLIC_APP_NAME=
    NEXT_PUBLIC_APP_DOMAIN=

    # database
    DATABASE_URL=

    # auth
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
    CLERK_SECRET_KEY=
    NEXT_PUBLIC_CLERK_SIGN_IN_URL="/signin"
    NEXT_PUBLIC_CLERK_SIGN_UP_URL="/signup"
    NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_URL="/"
    NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_URL="/"
    ```

4. Run the development server:
    ```bash
    pnpm run dev
    ```

## 📜 License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
反馈内容错误

看看同类模板

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

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 · 后台