Publishing Content

Content Types

The template comes pre-defined with a schema containing Pages, Posts, Changelogs, Categories, Authors, FAQs, Testimonials, Team, Contact, Navigation and Settings document types.

Publish your first document

From the Studio, click ”+” and select the Page document type. Or navigate to the Pages collection and click ”+”.

Your content should now appear in your Next.js app (http://localhost:3000)

Inviting collaborators

Now that you’ve deployed your Next.js application and Sanity Studio, you can optionally invite a collaborator to your Studio. Open up Manage, select your project and click “Invite project members”

They will be able to access the deployed Studio, where you can collaborate together on creating content.

Powerful Content Management Features

Sanityblocks leverages Sanity’s advanced content management capabilities that make working with blocks incredibly efficient and user-friendly.

Copy/Paste & Duplication

Sanity provides powerful copy/paste functionality that works seamlessly with the blocks system:

Page-Level Operations

• Duplicate Entire Pages: Clone complete pages with all their blocks and content
• Copy Pages: Copy page structure to use as templates for new pages
• Cross-Page Content Transfer: Copy content from one page and paste into another

Block-Level Operations

• Copy Individual Blocks: Copy any block (hero, feature, pricing, etc.) between pages
• Duplicate Blocks: Quickly duplicate blocks within the same page for variations
• Cross-Project Copy: Copy blocks between different Sanity projects (this requires you to have the same schema in both projects)

Content Reordering

• Drag & Drop: Reorder blocks on pages with simple drag and drop
• Sub-Block Reordering: Reorder items within blocks (like feature-content/feature-image)
• Visual Feedback: Real-time preview of new arrangements

Visual Block Selection

Sanityblocks provides an intuitive visual interface for selecting and adding blocks to your content:

Blocks Menu Grid

When adding new blocks to your pages, you can easily browse and select from available components:

• Add Item: Click the ”+” button to open the blocks menu
• Category Navigation: Browse blocks by category or use the search function
• Visual Previews: Each block displays a screenshot preview, making it easy to identify the right component visually
• Quick Selection: Simply click on the block preview to add it to your page

This visual approach eliminates guesswork and helps content creators quickly find the perfect block for their needs without having to remember component names or descriptions.

Workflow Examples

Template Creation:

1. Build a perfect landing page with hero, features, testimonials, pricing
2. Duplicate the page as a template
3. Modify content while keeping the proven structure

Content Variations:

1. Copy a high-performing feature block from one page
2. Paste it into a new page
3. Adjust content while maintaining the same layout and styling

Rapid Prototyping:

1. Copy blocks from different pages to test combinations
2. Reorder to find the best flow
3. Duplicate successful arrangements for other pages

Live Preview & Presentation Mode

Sanityblocks includes a powerful Presentation mode that combines Next.js Draft mode with Sanity Live mode for real-time content editing.

How It Works

Static + Live Hybrid:

• All pages are statically prerendered during build for optimal performance
• Sanity Live enables real-time updates without rebuilding
• Next.js Draft mode shows unpublished content instantly

Real-Time Editing Experience

Visual Navigation:

• Navigate your actual website while editing in Sanity Studio
• See your site exactly as visitors will see it
• Edit content directly while viewing the live site

Instant Updates:

• Content changes appear immediately on the preview
• No page reloads or manual refreshes needed
• No “save and refresh” workflow required

Live Block Updates:

• Add new blocks and see them appear instantly
• Reorder blocks with immediate visual feedback
• Edit text, images, and settings with real-time preview

Technical Benefits

Performance:

• Static generation for production speed
• Live updates only in preview mode
• Best of both worlds: fast sites + real-time editing

Developer Experience:

• No complex preview setup required
• Automatic draft mode handling
• Seamless integration with the blocks system

Content Creator Experience:

• Visual, WYSIWYG editing experience
• Immediate feedback on content changes
• No technical knowledge required

Accessing Presentation Mode

1. From Sanity Studio: Click the “Open Preview” or “Presentation” button
2. Split View: Edit in Studio while seeing live changes on the site
3. Full Preview: View the site in full-screen preview mode

Best Practices for Live Editing

Content Strategy:

• Use Presentation mode to test different block arrangements
• Preview content on different screen sizes
• Test user flows and page navigation

Collaborative Editing:

• Multiple team members can edit simultaneously
• Changes are visible to all users in real-time
• Perfect for collaborative content sessions

Quality Assurance:

• Preview changes before publishing
• Test responsive behavior live
• Verify all blocks render correctly

Why This Matters

This combination of copy/paste functionality and live preview creates an incredibly powerful content management workflow:

1. Rapid Development: Copy proven blocks and arrangements
2. Consistent Quality: Reuse successful content patterns
3. Real-Time Feedback: See changes instantly
4. Non-Technical Friendly: Visual editing without code knowledge
5. Performance Optimized: Static generation + live preview

The result is a system where content creators can work efficiently, developers can build reusable components, and everyone can see results immediately.