Blog + Newsletter Site Builder
Build a content-first blog and newsletter site with SEO optimization, email capture, and category organization.
The Prompt
Build a blog and newsletter website. Site name: [name] Niche/topic: [describe focus area] Brand voice: [professional / casual / educational / opinionated] Brand colors: [primary, secondary] Categories: [list 4–6 topic categories] Sample post titles: [list 3 post titles] Newsletter CTA: [what subscribers get — e.g., "Weekly AI tips"] Monetization: [ads / affiliate / paid newsletter / products] Build with Next.js and Tailwind CSS: 1. Header: Logo, navigation (categories, about, newsletter), search button 2. Homepage: Featured post hero, recent posts grid (6 posts), category filter bar, email signup banner 3. Blog post page: Title, author, date, read time, featured image, article content with TOC, related posts, social share buttons 4. Category page: Filtered post grid with category header 5. About page: Author bio, mission statement, social links 6. Newsletter page: Value proposition, sample issue preview, email signup form (connect to ConvertKit/Beehiiv placeholder) 7. Footer: Categories, recent posts, newsletter signup, social links Optimize all pages with proper heading hierarchy and meta tags for SEO.
Tips for Best Results
- →Set up RSS feed for content syndication and reader apps
- →Add reading progress bar on article pages to improve engagement
Tags
Related Prompts
AI Website Builder — Course Platform
Generate a full-stack website with login, dashboard, Stripe checkout, course library, and admin panel from a single prompt.
Website BuildingLanding Page Builder Prompt
Generate a high-converting landing page with hero section, testimonials, pricing, and lead capture form.
Website BuildingAI Chatbot Builder
Build a custom AI chatbot with knowledge base integration, conversation flows, and embeddable widget for your website.
Website BuildingE-Commerce Store Builder
Build a complete, conversion-optimized e-commerce store with product pages, cart, checkout, and Stripe integration using AI agents.
Website BuildingSaaS Marketing Website Builder
Generate a complete SaaS marketing website with hero, features, pricing, testimonials, and FAQ sections optimized for conversions.
Website BuildingPersonal Portfolio Site Builder
Build a standout developer or designer portfolio that gets you hired, with project showcases, skills section, and contact form.
Website BuildingRestaurant Website with Online Menu
Build a beautiful restaurant website with digital menu, hours, location, and reservation form.