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 Kopiere den Prompt oben
- 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
- 3 Die KI generiert den Website-Code für dich
- 4 Passe an und iteriere nach deinen Bedürfnissen
Mehr Blog Prompts
Ü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