CoolFace
Apppublic

duqing026/seo-nextjs-project

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
App README

SEO 极客 (SEO Geek)

这是一个基于 Next.js 15 (App Router) 构建的高性能 SEO 优化方案项目。它集成了现代 Web 开发中所有关于搜索引擎优化的最佳实践。

🌟 核心特性

  • —🚀 极致性能: 采用 Next.js 的 SSR 和 SSG 技术，确保秒开。
  • —🔍 深度 SEO:
  • —动态 Metadata API 配置。
  • —自动生成 sitemap.xml 和 robots.txt。
  • —完美支持 JSON-LD 结构化数据（包含面包屑和主实体声明）。
  • —OpenGraph 和 Twitter 卡片预览。
  • —📱 响应式设计: 原生支持移动端适配，流畅的用户体验。
  • —🎨 现代 UI: 使用 Tailwind CSS 构建，包含交互式悬浮效果。
  • —📦 Docker 部署: 已配置好适用于 Hugging Face Spaces 的 Dockerfile。

🛠️ 技术栈

  • —框架: Next.js (App Router)
  • —语言: TypeScript
  • —样式: Tailwind CSS
  • —部署: Docker (适配 Hugging Face)

🚀 快速开始

本地运行

bash
npm install
npm run dev

Docker 运行

bash
docker build -t seo-nextjs-project .
docker run -p 7860:7860 seo-nextjs-project

📝 项目结构

  • —src/config/site.ts: 全局站点元数据配置。
  • —src/app/layout.tsx: 全局 SEO 元数据和 HTML 结构。
  • —src/app/page.tsx: 首页内容及 JSON-LD 结构化数据。
  • —src/app/sitemap.ts: 动态生成的站点地图。
  • —src/app/robots.ts: 爬虫控制文件。

📄 许可证

MIT License