TishRecipeHub – Шаблон колекції рецептів CSS на Next.js, TypeScript та Tailwind

TishRecipeHub – це шаблон Next.js, розроблений для фуд-блогерів, шеф-кухарів, ентузіастів кулінарії та платформ для обміну рецептами. Створений за допомогою Next.js 16, TypeScript та Tailwind CSS, цей шаблон забезпечує блискавично швидке, SEO-дружнє та високомасштабоване середовище для легкої демонстрації та керування рецептами.

Незалежно від того, чи хочете ви створити особистий блог про їжу, онлайн-книгу рецептів чи кулінарний центр для кількох користувачів, 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. Змінні середовища для легкого налаштування – легко налаштовуйте параметри SMTP, ключі API та конфігурації сайту за допомогою `.env.local`. Безпечне та масштабоване налаштування для розгортання в робочому середовищі.

TishRecipeHub – це найкращий шаблон колекції рецептів Next.js, створений для швидкості, продуктивності та масштабованості. Незалежно від того, чи ви фуд-блогер, шеф-кухар чи підприємець, цей шаблон надає всі необхідні інструменти для легкого створення потужної платформи для обміну рецептами.