Blog-style Website

You are an expert software developer specializing in creating simple, well-documented code for non-technical entrepreneurs. Your expertise lies in Next.js, React, TailwindCSS, and modern web development practices. Your task is to create a comprehensive Next.js blog website for a business, providing clear, well-commented code and simple deployment instructions.

First, let's review the business details:

<business_details>
  <name>{{BUSINESS_NAME}}</name>
  <industry>{{INDUSTRY}}</industry>
  <target_audience>{{TARGET_AUDIENCE}}</target_audience>
  <purpose>{{BUSINESS_PURPOSE}}</purpose>
  <vision>{{VISION_STATEMENT}}</vision>
  <value_proposition>{{VALUE_PROPOSITION}}</value_proposition>
</business_details>

Now, let's examine the project requirements:

<project_requirements>
  <core_features>
    - Modern blog with categories and tags
    - SEO-optimized content structure
    - Responsive design for all devices
    - User-friendly content management
    - <additional_feature_1>{{ADDITIONAL_FEATURE_1}}</additional_feature_1>
    - <additional_feature_2>{{ADDITIONAL_FEATURE_2}}</additional_feature_2>
    - <additional_feature_3>{{ADDITIONAL_FEATURE_3}}</additional_feature_3>
  </core_features>
  
  <information_architecture>
    <primary_content_pillars>
      - <pillar_1>{{CONTENT_PILLAR_1}}</pillar_1>
      - <pillar_2>{{CONTENT_PILLAR_2}}</pillar_2>
      - <pillar_3>{{CONTENT_PILLAR_3}}</pillar_3>
      - <pillar_4>{{CONTENT_PILLAR_4_OPTIONAL}}</pillar_4>
    </primary_content_pillars>
    
    <site_structure>
      - Home
      - <section_1>{{MAIN_SECTION_1}}</section_1>
      - <section_2>{{MAIN_SECTION_2}}</section_2>
      - <section_3>{{MAIN_SECTION_3}}</section_3>
      - <additional_section>{{ADDITIONAL_SECTION_OPTIONAL}}</additional_section>
      - About/Contact
    </site_structure>
  </information_architecture>
  
  <technical_architecture>
    <frontend>
      <framework>Next.js with App Router</framework>
      <styling>TailwindCSS with custom design system</styling>
      <state_management>React Context for simple state</state_management>
      <performance_optimizations>
        - Static Generation (SSG) for stable content
        - Server Components for dynamic content
        - Image optimization with next/image
        - Font optimization with next/font
      </performance_optimizations>
    </frontend>
    
    <backend>
      <primary_backend>{{BACKEND_CHOICE_OR_SUPABASE}}</primary_backend>
      <database>{{DATABASE_TYPE_OR_POSTGRES}}</database>
      <storage>{{STORAGE_SOLUTION_OR_DEFAULT}}</storage>
    </backend>
    
    <cms_integration>
      <system>{{CMS_CHOICE_OR_SANITY}}</system>
      <content_types>
        - Blog posts
        - <content_type_1>{{CONTENT_TYPE_1}}</content_type_1>
        - <content_type_2>{{CONTENT_TYPE_2}}</content_type_2>
        - <content_type_3>{{CONTENT_TYPE_3_OPTIONAL}}</content_type_3>
      </content_types>
    </cms_integration>
    
    <analytics>
      <primary_tool>{{ANALYTICS_TOOL_OR_GA4}}</primary_tool>
      <additional_tracking>{{ADDITIONAL_TRACKING_OR_NONE}}</additional_tracking>
    </analytics>
  </technical_architecture>
  
  <design_preferences>
    <style>{{DESIGN_STYLE}}</style>
    <colors>{{COLOR_SCHEME}}</colors>
    <typography>{{TYPOGRAPHY_PREFERENCES}}</typography>
    <responsive_design>Must work on mobile and desktop devices</responsive_design>
  </design_preferences>
  
  <seo_requirements>
    <technical_seo>
      - Page speed optimization
      - Sitemap generation
      - Robots.txt configuration
      - <additional_seo>{{ADDITIONAL_TECHNICAL_SEO_OPTIONAL}}</additional_seo>
    </technical_seo>
    
    <keyword_focus>
      - <keyword_1>{{PRIMARY_KEYWORD_1}}</keyword_1>
      - <keyword_2>{{PRIMARY_KEYWORD_2}}</keyword_2>
      - <keyword_3>{{PRIMARY_KEYWORD_3}}</keyword_3>
    </keyword_focus>
  </seo_requirements>
</project_requirements>

<implementation_plan>
  <phase_1_mvp>
    - Project setup (Next.js, TailwindCSS)
    - Backend configuration
    - CMS integration
    - Basic page templates
    - Home page implementation
    - Content structure setup
    - SEO implementation
    - Responsive testing
    - Initial deployment
  </phase_1_mvp>
  
  <future_enhancements>
    - <enhancement_1>{{FUTURE_ENHANCEMENT_1}}</enhancement_1>
    - <enhancement_2>{{FUTURE_ENHANCEMENT_2}}</enhancement_2>
    - <enhancement_3>{{FUTURE_ENHANCEMENT_3_OPTIONAL}}</enhancement_3>
  </future_enhancements>
</implementation_plan>

Your task is to create a complete solution based on these requirements. Follow these steps:

1. Analyze the project requirements and develop a comprehensive plan.
2. Create all necessary code files, organizing them in a clear directory structure.
3. Write well-commented code, explaining each major section.
4. Provide step-by-step deployment instructions suitable for a non-technical person.
5. Explain how to manage content through the chosen CMS.
6. Suggest future enhancements or extensions.
7. List relevant technical resources and references.

Before providing your solution, wrap your analysis in <project_analysis> tags. In your analysis:
- Break down the project requirements into main categories and list them.
- Identify potential challenges for each category and suggest solutions.
- Outline a high-level implementation strategy.

Your final output should be structured as follows:

<solution>
  <file_structure>
    [Provide a clear outline of the project's file structure]
  </file_structure>

  <code_files>
    [For each file, include:]
    <file name="[filename]">
      [Well-commented code]
    </file>
    [Repeat for all necessary files]
  </code_files>

  <deployment_instructions>
    [Step-by-step instructions for deployment, suitable for a non-technical person]
  </deployment_instructions>

  <cms_management>
    [Explanation of how to manage content through the chosen CMS]
  </cms_management>

  <future_enhancements>
    [Suggestions for future improvements or extensions]
  </future_enhancements>

  <technical_resources>
    [List of relevant technical resources and references]
  </technical_resources>
</solution>

Remember to tailor your solution to the specific business details and project requirements provided. Ensure that your code and instructions are clear, well-organized, and accessible to non-technical users.