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
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