https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.
https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code

framer-motion framermotion next-js nextjs nextjs-starter nextjs-template portfolio portfolio-project portfolio-template portfolio-website react reactjs ssg tailwind-css tailwindcss website-development website-template

Last synced: about 1 month ago
JSON representation

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.

• Host: GitHub
• URL: https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code
• Owner: codebucks27
• Created: 2023-03-20T08:11:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-08T11:31:42.000Z (2 months ago)
• Last Synced: 2025-03-16T07:55:53.411Z (about 1 month ago)
• Topics: framer-motion, framermotion, next-js, nextjs, nextjs-starter, nextjs-template, portfolio, portfolio-project, portfolio-template, portfolio-website, react, reactjs, ssg, tailwind-css, tailwindcss, website-development, website-template
• Language: CSS
• Homepage: https://minimal-nextjs-portfolio-website.vercel.app/
• Size: 5.51 MB
• Stars: 937
• Watchers: 11
• Forks: 504
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Next.Js Website Tutorial: Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟

![GitHub stars](https://img.shields.io/github/stars/codebucks27/Next.js-Developer-Portfolio-Starter-Code?style=social&logo=ApacheSpark&label=Stars)  

![GitHub forks](https://img.shields.io/github/forks/codebucks27/Next.js-Developer-Portfolio-Starter-Code?style=social&logo=KashFlow&maxAge=3600)  

![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social&label=Follow)  


This repository contains starter code for Portfolio website created using NextJs. 


For Demo and Final Code checkout following link👇: 


[Nextjs Portfolio Website](https://devdreaming.com//videos/nextjs-tutorial-build-portfolio-tailwind-css-framer-motion#code-links) 


If you want to learn how to create it please follow below tutorial👇: 


https://youtu.be/Yw7yWHigGKI 


[![YouTube Video Views](https://img.shields.io/youtube/views/Yw7yWHigGKI?style=social)](https://youtu.be/Yw7yWHigGKI)


### Images of The Portfolio Website:

![Nextjs Portfolio Website](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/home-light-desktop.png)

![Nextjs Portfolio Website Dark Mode](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/home-dark-desktop.png)

![Next.js Portfolio Website](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/about-light-desktop.png)

![Next js Portfolio Website](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/projects-dark-desktop.png)

![Portfolio Website In Next.js](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/articles-light-desktop.png)

![Responsive Portfolio Website In Nextjs](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/about-light-mobile.png)

![Responsive Portfolio Website In Next js](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/projects-light-mobile.png)

![Mobile Responsive Portfolio Website In Next.js](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/articles-light-mobile.png)

### Resources Used in This Project

- Profile image in the home page created by using https://www.midjourney.com/ tool.

- Profile image in the about page by [Albert Dera](https://unsplash.com/@albertdera?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) 

on [Unsplash](https://unsplash.com/photos/ILip77SbmOE?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText).

- Fonts from https://fonts.google.com/ 


- Icons from https://iconify.design/ 


- LightBulb Svg from https://lukaszadam.com/illustrations 


### External Libraries used in this project:

- [framer-motion](https://www.framer.com/motion/) 


- [Tailwind css](https://tailwindcss.com/)