This is a portfolio website built with Next.js, Tailwind CSS, and Framer Motion.
- Next.js - A React-based web framework for building server-side rendering and static websites.
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- Framer Motion - A production-ready animation library for React that makes it easy to create fluid and interactive UIs.
-
Clone this repository to your local machine by running the following command in your terminal:
git clone https://github.com/Nick-h4ck3r/portfolio-nextjs-latest.git
-
Change into the project directory:
cd portfolio-nextjs-latest -
Install the dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser to see the website.
To customize the Portfolio website for your own use, follow these steps:
- Replace the
data/data.jsonfile with your own project information. - For Experience section, alter the
data/experience.jsonfile with your own experience information. - Edit the
components/About.tsxfile with your own information. - To update the Skills section, edit the
data/stacks.tsxfile. - Edit the
components/Contact.tsxfile with your own information. - Replace the links in
components/Header.tsxfile with your own social links. - Update the
publication(host: "your-blog-url-of-hashnode")query incomponents/Blogs.tsxwith your own blog URL.
Feel free to experiment and customize the project to your liking.
Don't be afraid to try out different effects and animations in Framer Motion or change the colors in the website using Tailwind CSS.
Have fun!
Hero section:
About section:
Experience section:
Skills section:
Projects section:
Blogs section:
Contact section:
Live: Portfolio - Nikhil kadam
Feel free to use this template for your own portfolio website, and kindly consider giving me credits for the template.
This project is released under the MIT License. See the LICENSE file for more details.