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