Skip to main content

​
Key Concepts

Understanding these core concepts will help you get the most out of DevRadar.

​
Compatibility Score

The Compatibility Score (0-100) represents how well two technologies work together:
Score RangeMeaning
90-100Excellent compatibility - works seamlessly
70-89Good compatibility - minor considerations
50-69Partial compatibility - some limitations
30-49Limited compatibility - significant workarounds needed
0-29Poor compatibility - not recommended together
Scores are calculated based on:
  • Official documentation support
  • Community adoption patterns
  • Known integration issues
  • Performance benchmarks
  • Security considerations

​
Status Levels

Each compatibility check returns one of five status levels:

​
Compatible ✅

The technologies work together as expected. No major issues known. 
{
  "status": "compatible",
  "message": "Next.js works seamlessly with Prisma ORM."
}

​
Partial ⚠️

The technologies can work together, but with limitations or configuration requirements. 
{
  "status": "partial",
  "message": "Works with additional configuration required for SSR.",
  "workaround": "Configure dynamic imports for client-only components."
}

​
Incompatible ❌

The technologies have fundamental conflicts and should not be used together. 
{
  "status": "incompatible",
  "message": "This framework requires a different rendering approach."
}

​
Deprecated 📜

The combination is technically functional but one or both technologies are end-of-life. 
{
  "status": "deprecated",
  "message": "Consider migrating to actively maintained alternatives."
}

​
Unknown ❓

Insufficient data to determine compatibility. Community contributions welcome! 
{
  "status": "unknown",
  "message": "No compatibility data available yet."
}

​
Severity Levels

When issues are found, they’re categorized by severity:
SeverityDescriptionColor
InfoUseful information, no blocking issueBlue
WarningCaution advised - may need attentionYellow
ErrorSignificant issue - workaround recommendedOrange
CriticalBlocking issue - not recommended for productionRed

​
Technology Categories

DevRadar organizes technologies into categories for structured evaluation:

​
Frameworks

Web frameworks and meta-frameworks for building user interfaces:
  • Next.js, Remix, SvelteKit, Nuxt, Astro
  • React, Vue, Svelte, Angular
  • Solid, Qwik, Redwood

​
Databases

Data persistence solutions:
  • SQL: PostgreSQL, MySQL, SQLite, SQL Server
  • NoSQL: MongoDB, Firebase, CouchDB
  • Edge: Turso, Neon, PlanetScale
  • Search: Algolia, Meilisearch, Typesense

​
Hosting Platforms

Deployment and infrastructure:
  • Vercel, Netlify, Cloudflare Pages
  • AWS, Google Cloud, Azure
  • Railway, Fly.io, Render
  • Firebase Hosting, Supabase

​
Auth Providers

Authentication and authorization:
  • Standalone: Auth0, Clerk, PropelAuth
  • BaaS: Firebase Auth, Supabase Auth
  • Library: NextAuth.js, Lucia

​
Styling

CSS and UI solutions:
  • Utilities: Tailwind CSS, UnoCSS
  • CSS-in-JS: Styled Components, Emotion
  • Component: MUI, Chakra UI, Shadcn/UI

​
AI Tool Categories

AI-assisted development tools are organized differently:
CategoryExamplesPrimary Use
Vibe CodingLovable, Bolt.newAI-powered full-stack generation
AI IDECursor, WindsurfAI-integrated code editors
CLI AgentTrae, Aider, KiroTerminal-based AI assistants
Managed PlatformReplit, Firebase StudioCloud-based development environments

​
Project Types

Different development approaches have different compatibility considerations:
TypeDescriptionKey Considerations
WebTraditional web applicationsSSR, SEO, hydration
MobileiOS/Android appsNative modules, performance
Cross-PlatformReact Native, FlutterPlatform-specific APIs
APIBackend servicesDatabase, hosting, auth only
DesktopElectron, TauriOS-level integrations

​
Understanding Badges

Compatibility badges provide quick visual reference: 
![Compatibility](https://devradar.dev/api/v1/badge?techA=nextjs&techB=prisma)
Badge colors match status levels:
  • 🟢 Green = Compatible
  • 🟡 Yellow = Partial
  • 🔴 Red = Incompatible
  • ⚪ Gray = Unknown/Deprecated

​
What’s Next

Still have questions? Check our Features docs or join our community.