Startseite Blog Recipe Blog

Recipe Blog

Food blog with recipe cards and cooking instructions

Recipe Food Cooking
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
War das hilfreich?

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.

So verwendest du diesen Prompt

  1. 1 Kopiere den Prompt oben
  2. 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
  3. 3 Die KI generiert den Website-Code für dich
  4. 4 Passe an und iteriere nach deinen Bedürfnissen

Über diesen Blog Prompt

Dieser Recipe Blog Prompt wurde entwickelt, um dir zu helfen, schnell professionelle blog-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.

Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von recipe blog. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.

Kompatible KI-Tools

  • ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
  • Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
  • v0 von Vercel - Perfekt für React- und Next.js-Komponenten
  • Cursor - Ideal für KI-gestütztes Coding in deiner IDE
  • Bolt.new - Schnelles Prototyping und Full-Stack-Apps
  • Lovable - Benutzerfreundlicher KI-Website-Builder

Tags

Recipe Food Cooking Blog KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt