Copia este prompt y pégalo en ChatGPT o 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. Cómo usar este prompt
- 1 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de Blog
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
Acerca de este Prompt de Blog
Este prompt Recipe Blog está diseñado para ayudarte a crear rápidamente sitios web profesionales de blog usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.
Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear recipe blog. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.
Herramientas de IA Compatibles
- ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
- Claude 3 - Excelente para diseños web complejos y matizados
- v0 de Vercel - Perfecto para componentes React y Next.js
- Cursor - Ideal para codificación potenciada por IA en tu IDE
- Bolt.new - Prototipado rápido y apps full-stack
- Lovable - Constructor de sitios web IA fácil de usar
Etiquetas
Recipe Food Cooking Blog Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar