A modern, customizable resume website built with Next.js that you can configure entirely through a JSON file. Perfect for showcasing your professional experience, skills, and more.
Clone the repository.
Install the necessary packages and run the development server:
npm i && npm run devOpen http://localhost:3000 with your browser to see the result.
All primary customization is done through a single JSON file - no code changes required! The site automatically updates based on your JSON configuration.
For more advanced customization, you can modify the following files:
app/page.jsx: Main page layout and component structure app/components/: Individual component styling and structure app/styles/: Global styles and theme configurations
"license": {
"text": "Your copyright and license text"
}"intro": {
"show": true,
"name": "Your Name",
"avatar": "URL to your profile picture",
"tagline": "Your Professional Title",
"location": "Your Location",
"quote": "A meaningful quote"
}"about": {
"show": true,
"label": "About Me",
"value": "Your professional biography"
}"resume": {
"show": true,
"label": "View Resume",
"url": "URL to view resume",
"download": "URL to download resume"
}"email": {
"address": "your.email@domain.com",
"url": "mailto:your.email@domain.com"
},
"contact": {
"show": true,
"label": "Contact Me"
}"links": {
"label": "Social & Portfolio Links",
"values": [
{
"label": "Platform Name",
"url": "https://your-profile-url",
"icon": "platform-icon-code"
}
]
}"skills": {
"show": true,
"label": "Skills",
"values": [
{
"category": "Skill Category",
"skills": ["Skill 1", "Skill 2", "Skill 3"]
}
]
}"experiences": {
"show": true,
"label": "Experiences",
"values": [
{
"workplace": "Company Name",
"website": "Company Website",
"designation": "Your Title",
"start": "Start Date",
"end": "End Date",
"duration": "Time Period",
"responsibilities": ["Responsibility 1", "Responsibility 2"],
"shift": "Full Time/Part Time",
"nature": "Remote/On-site",
"location": "Location"
}
]
}"education": {
"show": true,
"label": "Education",
"values": [
{
"institute": "School Name",
"degree": "Degree Name",
"result": "Grade/GPA",
"activities": ["Activity 1", "Activity 2"],
"start": "Start Date",
"end": "End Date",
"website": "School Website",
"location": "Location"
}
]
}"research": {
"show": true,
"label": "Research",
"values": [
{
"title": "Research Title",
"authors": "Author Names",
"conference": "Conference Name",
"year": "Publication Year",
"abstract": "Research Abstract",
"URL": "Research URL"
}
]
}"achievements": {
"show": true,
"label": "Achievements",
"values": [
{
"title": "Achievement Name",
"event": "Achievement Description",
"url": "Related URL"
}
]
}- Toggle sections by setting
"show": falseto hide them - Always use complete URLs (starting with
http://orhttps://) - Keep the JSON structure intact - don't remove required fields
- All fields within each section are required unless marked as optional
- Images should be accessible via public URLs
To learn more about Next.js, take a look at the following resources:
The easiest way to deploy your portfolio is using the Vercel Platform.
Check out the Next.js deployment documentation for more details.
The code in this project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).
This means you are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material
Under the following terms:
- Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.
- NonCommercial — You may not use the material for commercial purposes.
For more details on the code license, see: https://creativecommons.org/licenses/by-nc/4.0/legalcode
