-
Notifications
You must be signed in to change notification settings - Fork 0
User Guide
Complete guide to using DevRadar - from sign up to managing your tech stack projects.
DevRadar offers two ways to sign up:
Option 1: Google Sign In (Recommended)
- Visit devradar.dev
- Click "Sign In" in the top right
- Select "Continue with Google"
- Choose your Google account
- Done! You're signed in instantly
Option 2: Email/Password
- Visit devradar.dev
- Click "Sign In" → "Create an account"
- Enter your email address
- Create a password
- Check your email for verification (if required)
Anonymous users can:
- Browse all AI Tools
- Read Compatibility Checks
- View Developer Guides
- Access documentation
But to create projects and use the wizard, you'll need an account.
The Stack Wizard is your guide to building the perfect tech stack. It adapts based on your development approach.
- Click "Start Wizard" on the homepage or dashboard
- Or visit devradar.dev/wizard directly
┌─────────────────────────────────────────┐
│ How do you want to build? │
├─────────────────────────────────────────┤
│ 🤖 AI-Assisted Development │
│ Let AI tools help you build faster │
│ │
│ 🛠️ Traditional Development │
│ Build everything yourself │
└─────────────────────────────────────────┘
If you chose AI-Assisted, pick your tool category:
| Category | Description | Tools |
|---|---|---|
| CLI Agents | Terminal-based AI | Claude Code, Aider |
| AI IDEs | AI-powered editors | Cursor, Windsurf |
| AI App Builders | Prompt-to-app | Lovable, Bolt.new |
| Managed Platforms | Full-stack hosting | Replit, StackBlitz |
Then select your specific tool.
Select which platforms your app will target:
- 🌐 Web - Web application
- 📱 iOS - iPhone/iPad app
- 🤖 Android - Android app
- 🔌 API - Backend API only
Choose features your app needs:
| Feature | Description |
|---|---|
| SEO | Search engine optimization |
| Offline | Offline functionality |
| Realtime | Real-time data sync |
| Auth | User authentication |
| Payment | Payment processing |
| i18n | Internationalization |
Based on your previous choices, the wizard shows compatible frameworks:
Example for AI App Builder:
┌─────────────────────────────────────────┐
│ ⚠️ Stack Locked │
│ Lovable requires: React + Next.js │
│ │
│ Selected Framework: Next.js 15 │
└─────────────────────────────────────────┘
For Traditional development, you can choose freely:
- Next.js, Remix, SvelteKit, Nuxt, Astro, and more
Choose remaining components:
| Component | Options |
|---|---|
| Database | PostgreSQL, MongoDB, Supabase, Firebase, etc. |
| Hosting | Vercel, Netlify, Cloudflare, Railway, etc. |
| Authentication | Clerk, Auth0, NextAuth, Supabase Auth, etc. |
| Styling | Tailwind, shadcn/ui, Chakra, etc. |
See your complete stack with:
- Compatibility Score - Overall compatibility rating
- Component List - All selected technologies
- Potential Issues - Any compatibility concerns
- Project Name - Give your project a name
Click "Create Project" to save!
The wizard automatically saves your progress in your browser. If you close and come back later, you can continue where you left off!
Visit devradar.dev/projects to see all your projects.
Each project card shows:
- Project name and type (Web, Mobile, API)
- Compatibility score
- AI tool used (if any)
- Stack components
- Last updated date
Click any project to see its detail page with tabs:
- Project summary
- Technology stack display
- Platform badges
- Feature requirements
See how your stack components work together:
┌─────────────────────────────────────────┐
│ Compatibility Matrix │
├─────────────────────────────────────────┤
│ Next.js ↔ Prisma ✅ Compatible │
│ Next.js ↔ Vercel ✅ Compatible │
│ Prisma ↔ Vercel ✅ Compatible │
└─────────────────────────────────────────┘
Features:
- View compatibility status between any two components
- Add compatibility notes
- Flag issues for follow-up
- Link to full compatibility reports
View all your stack components with details:
- Framework, database, hosting, auth, styling
- Add notes for each component
- See official documentation links
Create and track tasks for your project:
✅ Set up Next.js project
✅ Configure Prisma
⬜ Build authentication
⬜ Create database schema
Features:
- Add new tasks
- Mark complete/incomplete
- Delete tasks
- Progress tracking
Add rich notes for documentation:
# Deployment Notes
Remember to set environment variables:
- DATABASE_URL
- NEXTAUTH_SECRET
Features:
- Markdown support
- Add/edit/delete notes
- Organize by title
See a timeline of all project activity:
- Tasks completed
- Notes added
- Changes made
- Project created
Edit Project
- Change project name
- Update description
- Modify stack components
Delete Project
- Click delete button
- Confirm deletion
- Project is permanently removed
Visit devradar.dev/dashboard for an overview:
- Total Projects - All your saved projects
- Active Scans - Compatibility checks performed
- Issues Found - Potential compatibility issues
- Optimization - Stack optimization score
See your latest actions across all projects.
- Create New Project - Start the wizard
- View All Projects - Go to project list
Even if you know your stack, the wizard helps discover compatibility issues you might miss.
When the wizard flags potential issues, add notes to remember workarounds.
Use the Tasks tab to break down your project into manageable steps.
Spending 5 minutes checking compatibility can save hours of debugging later.
Try the AI-Assisted path even if you're skeptical. You might discover a tool that changes your workflow.
- Check browser localStorage is enabled
- Try refreshing the page
- Make sure you're signed in
- Sign out and sign back in
- Check you're using the same account
- Clear browser cache if needed
- Our data is sourced from official docs and community
- If you find discrepancies, report it!
- Compatibility Checks Guide - Understanding compatibility data
- AI Tools Guide - Compare AI coding tools
- Data Methodology - How we gather data
- Email: hey@devradar.dev
- GitHub Issues: Create an issue
- Contact Form: devradar.dev/contact
Happy building! 🚀