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
Personal Finance Blog Homepage
A clean personal finance blog homepage with featured articles, budget calculator widget, category pillars, and email signup for money tips
Finance Blog Homepage
Author Page
Author profile with bio and post list
Author Profile
Blog Post Page
Article page with content, author info, and related posts
Article Post
Ü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