TishRecipeHub – Next.js、TypeScript 和 Tailwind CSS 食谱集合模板

TishRecipeHub 是一个基于 Next.js 的模板，专为美食博主、厨师、烹饪爱好者和食谱分享平台而设计。该模板采用 Next.js 16、TypeScript 和 Tailwind CSS 构建，提供了一个速度极快、对搜索引擎友好且高度可扩展的环境，让您轻松展示和管理食谱。

无论您是想创建个人美食博客、在线食谱还是多用户烹饪中心，TishRecipeHub 都是完美的解决方案，它拥有动态食谱提交系统、用户身份验证、收藏食谱和高级筛选选项。

TishRecipeHub 的主要特点

1. 采用 Next.js 16，现代高效——基于 Next.js 16 构建，优化性能，实现自动代码拆分和页面瞬间加载。支持服务器端渲染 (SSR) 和静态站点生成 (SSG)，打造 SEO 友好体验。支持 Turbopack，实现闪电般的开发速度。
2. 美观且响应式的用户界面 - 使用 Tailwind CSS 进行样式设计，确保简洁、极简且完全响应式的设计。
3. 高级食谱管理 - 食谱提交系统 - 用户可以添加包含图片、食材、类别和烹饪时间的新食谱。拖放式图片上传 - 无缝上传图片并支持预览。难度和类别筛选 - 按难度级别、烹饪时间、菜系和类别筛选食谱。
4. 用户身份验证和收藏夹 - 用户可以收藏菜谱以便稍后访问。本地存储集成 - 收藏的菜谱会在会话之间保留。
5. 新闻与博客系统 - 带分页的新闻页面 - 包含专门的新闻/博客版块，用于发布与美食相关的最新资讯。单页新闻 - 显示完整详情、图片和发布日期。
6. SEO友好型URL——每篇新闻文章和食谱都采用简洁的URL结构，以获得更好的搜索排名。
7. 联系表单集成邮件功能 - 功能齐全的联系表单，集成了 Nodemailer。支持 Google reCAPTCHA v3 反垃圾邮件功能。可通过环境变量发送 SMTP 邮件。
8. 使用环境变量轻松配置 - 使用 `.env.local` 轻松配置 SMTP 设置、API 密钥和站点配置。安全且可扩展的生产部署设置。

TishRecipeHub 是专为速度、性能和可扩展性而打造的顶级 Next.js 食谱收集模板。无论您是美食博主、厨师还是创业者，此模板都能提供构建强大食谱分享平台所需的一切工具。