SAMPLE BLOG POST CONTENT FOR SANITY STUDIO
===========================================

Copy each section below and paste into Sanity's Content field, then apply the formatting as indicated.

---

SECTION 1: Introduction (Normal paragraph)
-------------------------------------------
Welcome to our comprehensive guide on building modern web applications. In this post, we'll explore the latest technologies, best practices, and real-world examples that will help you create fast, scalable, and user-friendly applications. Whether you're a beginner or an experienced developer, you'll find valuable insights here.

SECTION 2: Main Heading (Change to H2)
----------------------------------------
Why Modern Web Development Matters

SECTION 3: Paragraph (Normal)
------------------------------
The web development landscape has evolved dramatically over the past few years. Static sites are making a comeback, but with a modern twist. They're now faster, more secure, and easier to maintain than ever before. Let me explain why this matters for your next project.

SECTION 4: Bold Subheading (Normal text, then Bold it)
-------------------------------------------------------
Performance is King

SECTION 5: Paragraph (Normal)
------------------------------
Static sites load instantly because there's no server-side processing. Every page is pre-built and served directly from a CDN, which means:

• SECTION 6: Bullet List (Click bullet list button, then type each item)
  ----------------------------------------------------------------------
• Lightning-fast page loads (under 100ms)
• Better SEO rankings due to speed
• Improved user experience
• Lower bounce rates

SECTION 7: Subheading (Change to H3)
-------------------------------------
Security Benefits

SECTION 8: Paragraph with inline code (Normal, then select words and make them code)
-------------------------------------------------------------------------------------
With no database or server-side code, your attack surface is minimal. There's no SQL injection risk, no server vulnerabilities to patch, and no complex security configurations to maintain.

NOTE: After pasting, select "SQL injection" and click the code button to make it inline code.

SECTION 9: Main Heading (Change to H2)
---------------------------------------
Getting Started: A Step-by-Step Guide

SECTION 10: Paragraph (Normal)
-------------------------------
Let's walk through the process of setting up your first modern static site. Follow these steps carefully:

SECTION 11: Numbered List (Click numbered list button, then type each item)
----------------------------------------------------------------------------
Install the required dependencies on your local machine
Configure your environment variables
Set up your content management system
Deploy to your hosting platform

SECTION 12: Subheading (Change to H3)
--------------------------------------
Installation Command

SECTION 13: Code Block (Click "Code Block" button)
---------------------------------------------------
Language: Bash
Filename: install.sh
Code:
npm install next-sanity @portabletext/react
npm install @sanity/client @sanity/image-url

SECTION 14: Paragraph (Normal)
-------------------------------
After installation, you'll need to configure your client. Here's a complete example:

SECTION 15: Code Block (Click "Code Block" button)
---------------------------------------------------
Language: JavaScript
Filename: sanity-client.js
Code:
import { createClient } from '@sanity/client'

export const client = createClient({
projectId: 'your_project_id',
dataset: 'production',
apiVersion: '2024-01-01',
useCdn: false,
})

export const getSiteDomain = () => {
return process.env.NEXT_PUBLIC_SITE_DOMAIN
}

SECTION 16: Main Heading (Change to H2)
----------------------------------------
Real-World Example

SECTION 17: Paragraph (Normal)
-------------------------------
Here's what one of our customers had to say about their experience:

SECTION 18: Quote (Change style to "Quote")
--------------------------------------------
This platform transformed how we manage our content. We went from struggling with WordPress to publishing content in minutes. The speed improvements alone increased our traffic by 40%.

SECTION 19: Paragraph with formatting (Normal, apply Bold and Italic as needed)
--------------------------------------------------------------------------------
This isn't just theory—it's proven results. Companies using static site generators report 50% faster load times and 30% improvement in SEO rankings on average.

NOTE: After pasting, select "proven results" and make it Bold. Select "50% faster" and make it Bold.

SECTION 20: Image (Click image icon)
-------------------------------------
Upload any image
Alt text: Dashboard showing website analytics with improved performance metrics
Caption: Performance metrics showing 40% improvement after migration

SECTION 21: Main Heading (Change to H2)
----------------------------------------
Common Pitfalls to Avoid

SECTION 22: Paragraph (Normal)
-------------------------------
Even with the best tools, there are some mistakes developers commonly make:

SECTION 23: Bullet List (Click bullet list button)
---------------------------------------------------
Forgetting to set environment variables
Not configuring webhooks for auto-deployment
Skipping image optimization
Ignoring mobile responsiveness
Using too many external dependencies

SECTION 24: Subheading (Change to H3)
--------------------------------------
The Environment Variable Trap

SECTION 25: Paragraph with inline code (Normal)
------------------------------------------------
Always double-check your SITE_DOMAIN and SANITY_PROJECT_ID variables. A single typo here can break your entire deployment. Use a .env.example file to document required variables.

NOTE: After pasting, select "SITE_DOMAIN", "SANITY_PROJECT_ID", and ".env.example" and make them inline code.

SECTION 26: Main Heading (Change to H2)
----------------------------------------
Advanced Configuration

SECTION 27: Paragraph (Normal)
-------------------------------
For production deployments, you'll want to optimize your configuration. Here's an advanced example:

SECTION 28: Code Block (Click "Code Block" button)
---------------------------------------------------
Language: JavaScript
Filename: next.config.js
Code:
const nextConfig = {
output: 'export',
images: {
unoptimized: true,
},
env: {
NEXT_PUBLIC_SITE_DOMAIN: process.env.SITE_DOMAIN,
},
trailingSlash: true,
}

module.exports = nextConfig

SECTION 29: Paragraph with link (Normal)
-----------------------------------------
For more details, check out the official Next.js documentation for complete configuration options.

NOTE: After pasting, select "official Next.js documentation" and click link icon.
Link URL: https://nextjs.org/docs
Check "Open in new tab": Yes

SECTION 30: Final Heading (Change to H2)
-----------------------------------------
Conclusion and Next Steps

SECTION 31: Paragraph (Normal)
-------------------------------
You now have everything you need to build and deploy a modern static blog. The combination of Next.js, Sanity CMS, and Cloudflare Pages gives you:

SECTION 32: Numbered List (Click numbered list button)
-------------------------------------------------------
Zero monthly hosting costs
Lightning-fast performance
Easy content management
Automatic deployments
Enterprise-grade security

SECTION 33: Closing Paragraph (Normal, then apply Bold)
--------------------------------------------------------
Ready to get started? Set up your first site today and see the difference for yourself. Remember: the best time to start was yesterday, the second best time is now.

NOTE: After pasting, select "Ready to get started?" and make it Bold.

SECTION 34: Call to Action (Normal, then make Bold)
----------------------------------------------------
Questions? Drop a comment below or reach out on Twitter!

===========================================
END OF SAMPLE CONTENT
===========================================

QUICK FORMATTING GUIDE:
- Normal = Default paragraph style
- H2/H3/H4 = Use style dropdown
- Bold = Select text, click B button
- Italic = Select text, click I button
- Inline code = Select text, click code button
- Bullet/Numbered list = Click list button BEFORE typing
- Code block = Click "Code Block" button
- Quote = Use style dropdown, select "Quote"
- Link = Select text, click link icon
- Image = Click image icon in toolbar