Website BuildingChatLLM DeepAgent

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

blognewslettercontent siteSEOpublishing

Related Prompts