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

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

无论您想创建个人美食博客、在线食谱书还是多用户烹饪中心，TishRecipeHub 凭借其动态食谱提交系统、用户身份验证、喜爱食谱和高级过滤选项都是完美的解决方案。

TishRecipeHub 的主要功能

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

TishRecipeHub 是一款终极 Next.js 食谱收集模板，专为速度、性能和可扩展性而打造。无论您是美食博主、厨师还是企业家，此模板都能提供所有必要的工具，让您轻松构建强大的食谱分享平台。