Web Experience & Feed
Server-rendered video feed with infinite scroll, creator profiles, real-time engagement metrics, and content discovery for 1B+ monthly users.
Marketing & Content Pages
Static generation for title pages across 190+ countries, personalized recommendations, image optimization at scale, and A/B testing infrastructure.
Creator Dashboard & Discovery
Real-time streaming analytics, channel management tools, content discovery with advanced filtering, and OAuth authentication flows.
Streaming Interface
Video player integration, content browsing with lazy loading, watchlist management, and multi-profile systems with personalization.
What Next.js Developers Actually Build
Before writing your job description, understand what a Next.js developer will do at your company. Here are real examples from industry leaders:
Media & Entertainment
Netflix uses Next.js for their marketing pages and content discovery. Their developers handle:
- Static generation for millions of title pages (fast load times globally)
- Personalized content recommendations with server-side rendering
- Image optimization for movie posters and thumbnails at scale
- Internationalization across 190+ countries
Twitch built their creator tools and discovery features with Next.js:
- Real-time streaming data dashboards
- Complex search and filtering for millions of streams
- User authentication flows with OAuth providers
- API integrations with streaming infrastructure
Hulu uses Next.js for their streaming platform:
- Video player integration with complex playback controls
- Content browsing with lazy loading and prefetching
- Watchlist and recommendation interfaces
- Multi-profile management systems
Social & Consumer Apps
TikTok Web is built with Next.js, handling:
- Feed rendering with infinite scroll optimization
- Video playback and interaction UI
- Creator analytics dashboards
- Content moderation interfaces
Notion uses Next.js for their marketing site:
- Dynamic pricing pages with localization
- Template gallery with search and filtering
- Blog with MDX-powered content
Enterprise & SaaS
Hashicorp (Terraform, Vault) uses Next.js for documentation and product pages:
- Multi-product documentation with search
- Interactive tutorials and playgrounds
- Enterprise landing pages with personalization
Loom built their video messaging platform with Next.js:
- Video recording and playback interfaces
- Team workspace management
- Notification and sharing systems
App Router vs Pages Router: What Recruiters Need to Know
Next.js has two architectures, and understanding the difference helps you evaluate candidates:
Pages Router (2016-2023)
The original Next.js architecture. Still used in production at many companies.
- File-based routing in
pages/directory getServerSidePropsandgetStaticPropsfor data fetching- Client-side React components by default
- Simpler mental model, extensive documentation and tutorials
App Router (2023+)
The new architecture with React Server Components. Where the framework is heading.
- File-based routing in
app/directory with layouts - Server Components by default (components run on server, not browser)
- Streaming and Suspense for progressive loading
- Server Actions for handling forms without API routes
- More powerful but steeper learning curve
| Aspect | Pages Router | App Router |
|---|---|---|
| Data Fetching | getServerSideProps, getStaticProps | async/await in Server Components |
| Default Components | Client-side | Server-side |
| Learning Curve | Moderate | Steeper |
| Ecosystem Maturity | Very mature | Rapidly maturing |
| Best For | Existing projects, simpler apps | New projects, complex apps |
What this means for hiring:
- Candidates with only Pages Router experience can learn App Router in 1-2 weeks
- "Must know App Router" requirements eliminate many qualified candidates
- Ask about their understanding of server vs client rendering, not specific APIs
- The best developers can work in either paradigm
The Modern Next.js Developer (2024-2026)
Next.js has evolved dramatically. Understanding what "modern" means helps you ask the right questions.
Server Components: The Big Shift
The most significant change in React history happened with Next.js 13+. Server Components run only on the server, reducing JavaScript sent to browsers and improving performance.
What to listen for:
- Understanding of when to use 'use client' directive
- Knowledge of what can and can't run in Server Components
- Experience with streaming and Suspense boundaries
- Awareness of caching and revalidation strategies
Full-Stack Capabilities
Modern Next.js developers often handle backend tasks:
- API Routes: Building REST endpoints within Next.js
- Server Actions: Handling form submissions and mutations
- Database Access: Connecting to PostgreSQL, MongoDB with Prisma or Drizzle
- Authentication: Implementing NextAuth.js or Clerk integration
This blurs traditional frontend/backend lines. A "Next.js Developer" in 2026 might write more server code than client code.
Performance as a Core Skill
Next.js provides tools, but developers must use them correctly:
- Image Optimization: Using next/image properly (common source of bugs)
- Font Optimization: Loading fonts without layout shift
- Code Splitting: Automatic route splitting plus manual dynamic imports
- Caching: Understanding ISR (Incremental Static Regeneration) and on-demand revalidation
Recruiter's Cheat Sheet: Spotting Great Candidates
Conversation Starters That Reveal Skill Level
Instead of asking "Do you know Next.js?", try these:
| Question | Junior Answer | Senior Answer |
|---|---|---|
| "When would you use a Server Component vs Client Component?" | "Server is faster" | "Server for data fetching and static content, Client for interactivity, browser APIs, or when using hooks like useState" |
| "How would you handle authentication in Next.js?" | "I'd use NextAuth" | "Depends on requirements—NextAuth for OAuth, custom JWT for full control, middleware for route protection, and session handling in Server Components" |
| "Tell me about a Next.js performance issue you fixed" | Generic or vague | "Reduced LCP from 4s to 1.2s by moving data fetching to Server Components and implementing ISR with 60-second revalidation" |
Resume Signals That Matter
✅ Look for:
- Specific products shipped with Next.js (not just "Built Next.js applications")
- Performance metrics ("Improved Core Web Vitals", "Reduced bundle size by X%")
- Mentions of Vercel deployment, edge functions, or ISR
- Experience with both App Router and Pages Router
- Full-stack indicators (database, API design, authentication)
🚫 Be skeptical of:
- "Expert in Next.js 10, 11, 12, 13, 14, and 15" (version hunting)
- Only static sites (no SSR/ISR experience)
- No mention of React—Next.js IS React
- Tutorial-only projects (blog starter, e-commerce template)
GitHub Portfolio Signals
Strong indicators:
- Projects with Server Components and proper 'use client' boundaries
- ISR or on-demand revalidation implementations
- Custom API routes with proper error handling
- Deployment on Vercel with preview environments
Red flags:
- Only
create-next-appboilerplate with minimal changes - No TypeScript in Next.js projects (unusual for production code)
- Excessive client-side rendering that defeats Next.js purpose
Common Hiring Mistakes
1. Treating Next.js as Separate from React
The mistake: Requiring "5 years Next.js" and "5 years React" as separate qualifications.
Reality: Next.js IS React. The skills overlap 80%+. A developer with 4 years of React and 6 months of Next.js often outperforms someone claiming 3 years of Next.js who doesn't understand React fundamentals.
Better approach: Test React fundamentals (hooks, state management, component design) and ask how they'd apply them in a Next.js context.
2. Overvaluing App Router Experience
The mistake: Rejecting candidates who only know Pages Router.
Reality: The App Router was released in late 2023. Many excellent developers have production Pages Router experience but limited App Router exposure. The concepts (server rendering, data fetching, routing) transfer directly.
Better approach: Ask about their understanding of server vs client rendering concepts, not specific API syntax.
3. Full-Stack Confusion
The mistake: Hiring a "Next.js Developer" expecting them to design databases, manage infrastructure, and build complex API architectures.
Reality: Next.js enables full-stack development but doesn't mean every Next.js developer is a full-stack expert. API routes are different from designing distributed systems.
Better approach: Be clear about backend expectations. If you need significant backend work, consider a full-stack engineer or pair with backend specialists.
4. Vercel Lock-In Concerns
The mistake: Avoiding Next.js because "it only works on Vercel."
Reality: Next.js deploys anywhere—AWS, Google Cloud, Docker, self-hosted Node.js. Vercel provides the best experience but isn't required. Companies like Netflix and TikTok don't use Vercel for their Next.js deployments.
Better approach: If deployment flexibility matters, ask candidates about their experience deploying Next.js outside Vercel.
5. Ignoring the React Foundation
The mistake: Technical interviews focused entirely on Next.js APIs without testing React skills.
Reality: A developer who deeply understands React patterns, state management, and component architecture will excel at Next.js. The reverse isn't guaranteed.
Better approach: Structure interviews with 60% React fundamentals, 40% Next.js specifics.