Case Study: The Next Great Show

About The Site

The Next Great Show is a community platform for discovering and rating upcoming television and film projects. Users browse creative pitches, vote on concepts, and provide feedback to creators. The site is built as a Vue.js single-page application (SPA) with Laravel on the backend.

With community discussions being central to the platform, maintaining clear and constructive comments was important from the start.

The Challenge

The site needed a commenting solution that would:

Keep it simple - No complex build processes or heavy frameworks
Improve readability - Help users submit clearer comments
Quick integration - Fast setup without disrupting the existing codebase
Low maintenance - Minimal ongoing configuration

Why CDN Integration?

Even though The Next Great Show uses Vue.js, the CDN approach was chosen because:

Framework agnostic - Works alongside Vue's component system
No build conflicts - Avoids npm dependency versioning issues
Fast delivery - Small bundle size (21KB) from global CDN
Always current - Hosted version stays updated

Implementation

Step 1: Account Setup

We registered at classycomments.com/register and got:

Plus plan ($29/month, 10,000 refinements/month)
Production API key
Dashboard access for configuration

Step 2: Configuration

In the dashboard, we set up a Balanced preset:

Formality: 2/5 (Conversational)
Grammar: 4/5 (Fix errors, keep natural voice)
Profanity: Soften
Tone: Friendly
Length: Keep original

Step 3: Code Integration

Added two lines to the HTML head:

<!-- In the <head> section -->
<script src="https://classycomments.com/cdn/classy-comments.min.js"></script>
<link rel="stylesheet" href="https://classycomments.com/cdn/classy-comments.min.css" />

Since The Next Great Show is a Vue.js SPA, we use the Manual Processing API instead of automatic form attachment. This avoids conflicts with Vue's @submit.prevent form handlers.

Initialization (in main.js):

// Initialize once when app loads
if (window.ClassyComments?.ClassyComments) {
  window.classyComments = new window.ClassyComments.ClassyComments({
    apiKey: 'cc_live_xxxxxxxxxxxx',
  });
  window.classyComments.init();
}

Usage in Vue components:

// When user submits a comment
await window.classyComments.processCommentManual(commentText, {
  onApprove: (refinedText) => submitToServer(refinedText),
  onCancel: () => {
    /* user cancelled */
  },
});

This approach works perfectly with Vue's reactive form handling and allows the same integration logic to be shared across multiple comment components.

Total integration time: Under 15 minutes.

Results

The integration went smoothly:

High acceptance rate - Users approve refined comments most of the time
No complaints - Feature works invisibly in the background
Cleaner comments - Fewer typos and grammar issues
Mobile friendly - Modal works well on all devices

Technical Details

The CDN integration provided:

Bundle size: 21KB total
Load time: Under 100ms
Framework compatible: Works with Vue, React, Angular, etc.
Browser support: All modern browsers
Performance: No noticeable impact on page speed

Why Manual Processing for SPAs?

The processCommentManual() API was chosen instead of formSelector/fieldSelector because:

Vue's @submit.prevent - Framework form handlers conflict with auto-attachment
Multiple forms - 4 different comment components share the same logic
Better control - Custom loading states and error handling
Cleaner code - A single composable handles all comment submissions

Key Takeaways

What Worked

CDN approach - Perfect for sites without build tools
Balanced settings - Light touch preserves authentic voice
Quick setup - Live in minutes, not hours
Dashboard control - Easy to adjust without touching code

Recommendations

For similar sites:

Use CDN for simplicity - Fastest integration method
Start with Balanced preset - Works well for most communities
Test on mobile - Ensure modal displays properly
Monitor usage - Dashboard shows refinement activity

Cost

Plus plan covers the usage needs:

Setup cost: 5 minutes
Monthly cost: $29 (Plus plan - 10,000 refinements/month)
Maintenance: None required

Conclusion

The CDN integration was straightforward and effective. Classy Comments now helps maintain comment quality without adding complexity to the site. The lightweight approach fits perfectly with The Next Great Show's simple, focused design.

Try It Yourself

Try the demo - Test refinement
Read CDN docs - Integration guide
Create free account - Get your API key
View pricing - Start free

Questions? Visit our contact page

This case study documents a CDN integration for The Next Great Show using Classy Comments.

Case Study: The Next Great Show - Simple CDN Integration for Community Comments