i want to assess the next.js acumen of a canditate i am interviewing. so, i want you to give me a text box into which i can enter a github repo url. then, when i click, "sus out" button, i want you to assess the code in the github repo for if it's using the latest Next.js features, like, is it using the app router, what data fetching strategy the code is using (static, dynamic, etc.)
I'll create a GitHub repo analyzer that can assess Next.js code quality and feature usage. Here's a solution with a form to enter a GitHub URL and a button to analyze the code:
This Next.js application allows you to analyze GitHub repositories for Next.js features. Here's what it does:
When you click the "Sus Out" button, it:
The analysis results are displayed in a clean, organized card showing:
Note: For the GitHub API to work properly, you might want to add a GITHUB_TOKEN environment variable to increase rate limits, though it will work without one for occasional use.
Please make sure to add the following environment variable to your project:
can you give me an overall score on a scale of their "hirability"
I'll enhance the GitHub repo analyzer to include a "hirability" score based on Next.js expertise. Here's the implementation:
I've added a "hirability" score feature to the GitHub repo analyzer that evaluates a candidate's Next.js expertise based on their code. Here's how it works:
The score is calculated based on:
Next.js Architecture (15 points)
Data Fetching Strategies (15 points)
Modern Features (50 points)
Base Score (20 points)
The score translates to expertise levels:
The UI now displays this score with a progress bar and a description of what the score means in terms of hirability. This gives you a quick assessment of the candidate's Next.js expertise based on their actual code, which can be valuable during the interview process.