Inicio Blog Recipe Blog

Recipe Blog

Food blog with recipe cards and cooking instructions

Recipe Food Cooking
Copia este prompt y pégalo en ChatGPT o Claude
Create a recipe blog:

1. HOMEPAGE
Hero:
- Featured recipe of the week
- Stunning food photography
- Recipe title and brief description

Sections:
- Latest recipes
- Popular recipes
- Browse by category (Breakfast, Dinner, Desserts...)
- Browse by cuisine (Italian, Mexican, Asian...)
- Quick & Easy (under 30 min)
- Seasonal/Holiday recipes

2. RECIPE PAGE
Header:
- Recipe title
- Hero image (beautiful food photo)
- Brief description/story
- Author with link

Recipe meta (prominent):
- Prep time
- Cook time
- Total time
- Servings
- Difficulty level
- Cuisine type
- Course type

Actions:
- Print recipe
- Save/bookmark
- Share buttons
- Scale servings

3. RECIPE CONTENT

Story/Introduction:
- Personal story behind recipe
- Tips and variations
- (Users often want to skip to recipe)

"Jump to Recipe" button (prominent, above story)

Ingredients section:
- Clean list format
- Checkbox to mark off
- Grouped by component if complex
- US and metric measurements
- Substitution notes

Instructions section:
- Numbered steps
- Clear, concise language
- Step photos (optional)
- Timing notes
- Temperature callouts
- Chef tips inline

4. NUTRITION INFO
- Calories per serving
- Macros (protein, carbs, fat)
- Additional nutritional data
- "Nutrition calculated by..."

5. RECIPE SCHEMA (for SEO)
Structured data for:
- Recipe name
- Image
- Prep/cook time
- Ingredients
- Instructions
- Nutrition
- Rating

6. RATINGS & REVIEWS
- Star rating
- Review count
- "Write a review" form
- Reviews with:
  - Rating
  - Review text
  - "I made this" photo upload
  - Helpful count

7. RELATED RECIPES
- Similar recipes
- "Goes well with"
- More from this category

8. RECIPE CARD (printable)
- Compact version
- Print-friendly styling
- No ads/navigation

Design: Food photography is hero. Clean recipe presentation. Mobile: Recipe scales, easy to follow while cooking.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de Blog

Este prompt Recipe Blog está diseñado para ayudarte a crear rápidamente sitios web profesionales de blog usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear recipe blog. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Recipe Food Cooking Blog Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar