Home Blog Recipe Blog

Recipe Blog

Food blog with recipe cards and cooking instructions

Recipe Food Cooking

Copy this prompt and paste it into ChatGPT or 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.

How to use this prompt

1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
2 Open ChatGPT, Claude, or your preferred AI assistant
3 Paste the prompt and customize any placeholder text (like product names or brand colors)
4 Let the AI generate your website code or design specifications

Back to Blog Prompts Browse All Categories

More Blog Prompts

Personal Blog Homepage

Clean blog homepage with featured posts and categories

Homepage Personal

Blog Post Page

Article page with content, author info, and related posts

Article Post

Blog Archive Page

Paginated blog listing with filters

Archive Listing

About this Blog Prompt

This Recipe Blog prompt is designed to help you quickly create professional blog websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.

Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building recipe blog. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.

Compatible AI Tools

ChatGPT (GPT-4) - Great for detailed code generation and explanations
Claude 3 - Excellent for complex, nuanced website designs
v0 by Vercel - Perfect for React and Next.js components
Cursor - Ideal for AI-powered coding in your IDE
Bolt.new - Quick prototyping and full-stack apps
Lovable - User-friendly AI website builder