Top 18 Free Next.js Portfolio and CV Landing page Starters and Templates for Developers and Freelancers in 2024

Top 18 Free Next.js Portfolio and CV Landing page Starters and Templates for Developers and Freelancers in 2024

Are you looking to create a standout portfolio or CV landing page using Next.js? We've gathered 18 top Next.js starters and templates designed for developers and freelancers. These Next.js starters, React starters, and dashboard starters for Next.js offer a solid foundation for building impressive portfolios and professional CVs.

Open-source starters come with pre-built components and features, saving time and effort. They help you quickly set up a portfolio, showcase your skills, and create a professional presence online.

For freelancers, agencies, and enterprises, these React dashboards and templates streamline the development process, allowing you to focus on customization rather than starting from scratch. They are a fantastic way to boost productivity, enabling faster delivery of high-quality projects.

Whether you're a developer looking to showcase your work or a freelancer aiming to make an impact, these open-source starters provide the perfect blend of flexibility and efficiency.

Dive in and find the right template to elevate your portfolio or CV landing page today!

1- Portfolio Starter Kit

This portfolio is built with Next.js and a library called Nextra. It allows you to write Markdown and focus on the content of your portfolio.

Features

  • Automatically configured to handle Markdown/MDX
  • Generates an RSS feed based on your posts
  • A beautiful theme included out of the box
  • Easily categorize posts with tags
  • Fast, optimized web font loading
GitHub - vercel/nextjs-portfolio-starter: Easily create a portfolio with Next.js and Markdown.
Easily create a portfolio with Next.js and Markdown. - vercel/nextjs-portfolio-starter

2- Another Porfolio

This is a free and open-source eye-catching developer Portfolio, Built on NextJS.

GitHub - harshgoel05/another-portfolio: An eye-catching developer Portfolio, Built on NextJS.
An eye-catching developer Portfolio, Built on NextJS. - harshgoel05/another-portfolio

3- Portfolio Website

This is a portfolio website built with Next.js and Tailwind CSS. It showcases your skills, projects, and achievements in an elegant and responsive design. It uses TailwindCSS, React Icons, TypeScript and Resend for sending emails.

GitHub - judygab/nextjs-portfolio: portfolio website in nextjs 13
portfolio website in nextjs 13. Contribute to judygab/nextjs-portfolio development by creating an account on GitHub.

4- Shiv's Portfolio

This is a creative personal portfolio starter by Shivraj. It features clean responsive design, dark and light theme, chat system with tawk.to, and messaging using Nodemailer and Dmail.

GitHub - iamshiv007/NextJS-Portfolio: 🙏 Welcome , This is Shivraj Gurjar’s personal portfolio website made in Next JS . You Can Use it as a template or motivation
🙏 Welcome , This is Shivraj Gurjar’s personal portfolio website made in Next JS . You Can Use it as a template or motivation - iamshiv007/NextJS-Portfolio

5- Next JS Portfolio

A simple yet features rich portfolio template and starter.

Features

  • 🎨 Stunning Visuals: Explore a carefully crafted design that showcases my projects, skills, and experiences in a visually engaging manner. Sleek animations and a responsive layout ensure a seamless experience on all devices.
  • 👩‍💻 Dynamic Projects: Check out my latest web development projects, from websites to web applications. Each project is detailed with descriptions, technologies used, and live demos, giving you a glimpse of my technical expertise.
  • 📚 Tech Stack: Discover the technologies and tools I'm proficient in, from Typescript and React to Next.js, Javascript, and more.
  • 🌐 Contact and Connect: Get in touch with me through the integrated contact form. I'm open to discussing new opportunities.
GitHub - Sir-Rumeh/next-js-portfolio: Next JS & Typescript Portfolio
Next JS & Typescript Portfolio. Contribute to Sir-Rumeh/next-js-portfolio development by creating an account on GitHub.

6- Yet another Next.js Portfolio

Beautifully made portfolio that uses Sanity CMS.

GitHub - Infvyr/nextjs-portfolio: My Portfolio Website
My Portfolio Website. Contribute to Infvyr/nextjs-portfolio development by creating an account on GitHub.

7- Next.js Portfolio

This project is built with Next.js and React, showcasing Muhammad Fiaz's personal website.

GitHub - muhammad-fiaz/portfolio: Welcome to my portfolio repository! This open-source project, built with Next.js and TypeScript, creates a dynamic and responsive portfolio. Explore the code to perfect your showcase of skills!
Welcome to my portfolio repository! This open-source project, built with Next.js and TypeScript, creates a dynamic and responsive portfolio. Explore the code to perfect your showcase of skills! - m…

8- Personal portfolio

🚀 A portfolio website built by using Next.js, TailwindCSS, Supabase, Github api, & Love!

GitHub - shahriarshafin/shahriarshafin.github.io: 🚀 A portfolio website built by using Next.js, TailwindCSS, Supabase, Github api, & Love!
🚀 A portfolio website built by using Next.js, TailwindCSS, Supabase, Github api, & Love! - shahriarshafin/shahriarshafin.github.io

9- A cool Portfolio by Onam Kumar

This is a beautiful portfolio site that uses the latest Next.js version, TailwindCSS, MongoDB, and NextAuth.

Features

  • Fully responsive: The website adapts to different screen sizes and devices, ensuring a smooth user experience across all platforms.
  • Multipage layout: The website consists of multiple pages, each with a specific purpose and content. You can navigate between the pages using the menu bar at the top.
  • Admin dashboard: The website provides a secure and user-friendly dashboard for the admin to manage the projects. The admin can log in, edit, update, or delete the projects as needed.
GitHub - onamkrverma/nextjs-portfolio: Using next.js, I created a portfolio website that showcases my work.
Using next.js, I created a portfolio website that showcases my work. - onamkrverma/nextjs-portfolio

10- NextJS Portfolio Template

Making a Portfolio website from scratch can be a tedious process. This repository solves that problem. How? Well, it is a easy-to-use portfolio template!

However, it is important to note that the repo did not receive updates for years.

You can use it by following a few simple instructions given below.

Sections Included:

  • Landing Page - greeting
  • Work section
  • Capabilities
  • Education
  • About
  • Projects
  • Work Experience
  • Blogs - Custom, Medium and DevTo support
  • Contact me
  • Social Links
GitHub - AsavariA/nextjs-portfolio-template: An easy-to-use portfolio website template for all developers out there!
An easy-to-use portfolio website template for all developers out there! - AsavariA/nextjs-portfolio-template

11- Developer Portfolio

Software Developer Portfolio Template built with NextJS and Tailwind CSS with dark and light mode that helps you showcase your work and skills as a software developer.

GitHub - said7388/developer-portfolio-nextjs: Software Developer Portfolio Template built with NextJS and Tailwind CSS with dark and light mode that helps you showcase your work and skills as a software developer.
Software Developer Portfolio Template built with NextJS and Tailwind CSS with dark and light mode that helps you showcase your work and skills as a software developer. - said7388/developer-portfoli…

12- Beautiful Portfolio by Next 13

A clean portfolio with responsive design, server actions and SEO-friendly features.

Features

  • App Router,
  • Server Actions
  • Server and Client Components
  • Metadata files
  • Open Graph Image Generation using Vercel/Og
  • UI Components built using Shadcn UI, Radix UI and Headless UI,
  • Pages and blogs are using MDX and Contentlayer
  • Sending emails using NodeMailer and React Email, Gmail
  • Styled using Tailwind CSS
  • Icons using Heroicons and Lucide
  • Validations using Zod
  • Written in TypeScript
GitHub - timtbdev/Next.js-Portfolio-App: ✨ Portfolio app built with Next.js 13 & MDX, Contentlayer
✨ Portfolio app built with Next.js 13 & MDX, Contentlayer - timtbdev/Next.js-Portfolio-App

13- Simple and clean

A beautifully designed portfolio that you can download and use. It includes a blog, work directory and more.

GitHub - qyzh/dir-diare: ✨ My portfolio built with Next.js, Tailwind, Vercel and lots of Love
✨ My portfolio built with Next.js, Tailwind, Vercel and lots of Love - qyzh/dir-diare

14- urFolio

urFolio - Best Open Source Portfolio or Personal Website using NextJS. Feel free to check out the readme file, copy, fork, and use.

You may not agree with the design concept, but you can customize everything.

Features

  • Clean and modern design
  • Responsive layout
  • Developer-friendly
  • Migrated to Next.js for improved performance and maintainability
  • Sections for projects, skills, and contact information
GitHub - alsiam/urFolio: urFolio - Best Open Source Portfolio or Personal Website using NextJS. Feel free to check out the readme file, copy, fork, and use.
urFolio - Best Open Source Portfolio or Personal Website using NextJS. Feel free to check out the readme file, copy, fork, and use. - GitHub - alsiam/urFolio: urFolio - Best Open Source Portfolio…

15- Portfolio Website with Next.js

A feature-rich Next.js starter that allows developers to create a beautiful portfolio easily.

Features

  • Responsive design for various screen sizes.
  • A customizable portfolio section to showcase your projects.
  • An about section to introduce yourself.
  • Easily customizable with Sass for styling.
GitHub - nixrajput/portfolio-nextjs: This repository contains the source code for a portfolio website built using Next.js and Sass.
This repository contains the source code for a portfolio website built using Next.js and Sass. - GitHub - nixrajput/portfolio-nextjs: This repository contains the source code for a portfolio websi…

16- Project 3D - Portfolio

A modern 3D Developer Portfolio made using Three.js.

GitHub - omunite215/Project_3DPortfolio: A modern 3D Developer Portfolio made using Three.js
A modern 3D Developer Portfolio made using Three.js - omunite215/Project_3DPortfolio

17- Portfolio starter with Sanity CMS

This is a free and open-source developer portfolio starter based on NEXT.js and Sanity CMS.

GitHub - bozzhik/portfolio: developer portfolio based on NEXT.js and Sanity CMS
developer portfolio based on NEXT.js and Sanity CMS - GitHub - bozzhik/portfolio: developer portfolio based on NEXT.js and Sanity CMS

18- Personal Portfolio (Next 14)

With the latest Next 14 version, this starter include a re-usable portfolio template that supports multiple languages and come with dark/ light modes.

GitHub - morhaaa/mohamedrhanmi.com: Personal portfolio
Personal portfolio. Contribute to morhaaa/mohamedrhanmi.com development by creating an account on GitHub.







Read more




Open-source Apps

9,500+

Medical Apps

500+

Lists

450+

Dev. Resources

900+

/