A modern personal resume website built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui.
This project is designed as a public reference for anyone who wants a polished portfolio or CV website with a clean layout, light/dark theme support, and reusable UI components.
- Next.js 16 application with TypeScript support
- Responsive resume layout with experience, skills, and profile sections
- Theme toggle using
next-themes - Custom UI components built with
shadcn/ui - Data-driven sections using local TypeScript data files
- Utility-first styling with Tailwind CSS
app/– main application routes and global stylescomponents/– shared UI components and layout piecesdata/– structured content for experience, profile, and skillslib/– utility functionstypes/– TypeScript type definitionspublic/– static assets
npm installnpm run devOpen http://localhost:3000 to view the site.
npm run buildnpm run start- Update
data/profile.tsfor personal details and profile information - Update
data/experience.tsto change work history - Update
data/skills.tsfor skills and proficiency - Adjust component structure in
components/andcomponents/resume/sections/
npm run dev— start development servernpm run build— create production buildnpm run start— run production servernpm run lint— run ESLintnpm run format— format code with Prettiernpm run typecheck— run TypeScript type check
This repository is ideal as a starting point for building a personal CV or portfolio website. The structure allows easy extension and adaptation for additional sections such as projects, education, or contact details.
Feel free to use and modify this project as a public reference.