https://github.com/neodev99/next-portfolio-template
Next.js Portfolio Template built with Next.js, TypeScript, and Tailwind CSS. Designed to showcase projects, hobbies, and achievements with a clean, minimalistic layout.
https://github.com/neodev99/next-portfolio-template
animation-css nextjs nextjs14 portfolio svg-icons tailwindcss typescript
Last synced: 2 months ago
JSON representation
Next.js Portfolio Template built with Next.js, TypeScript, and Tailwind CSS. Designed to showcase projects, hobbies, and achievements with a clean, minimalistic layout.
- Host: GitHub
- URL: https://github.com/neodev99/next-portfolio-template
- Owner: NeoDev99
- Created: 2024-09-05T16:51:25.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-10T11:59:06.000Z (almost 2 years ago)
- Last Synced: 2025-01-22T06:14:27.682Z (over 1 year ago)
- Topics: animation-css, nextjs, nextjs14, portfolio, svg-icons, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 5.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next Portfolio Template
Welcome to Next.js Portfolio Template. This is a modern, responsive, and customizable personal portfolio built with Next.js, TypeScript, and Tailwind CSS, designed to showcase projects, hobbies, and achievements with a clean, minimalistic layout.
## Table of Contents
- [Next Portfolio Template](#next-portfolio-template)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Contributing](#contributing)
- [License](#license)
## Features
- **Interactive Animations**: Engaging UI/UX powered by Framer-Motion and Tailwind-CSS animations.
- **Project Showcase**: Displays past projects with interactive elements and live demos.
- **Testimonials Section**: A rotating testimonials section to showcase feedback from clients or collaborators.
## Technologies Used
- **[Next.js](https://nextjs.org/)**: A powerful React framework for server-side rendering and static site generation.
- **[TypeScript](https://www.typescriptlang.org/)**: A statically typed language that enhances code reliability.
- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for building responsive and modern UI quickly.
- **[Framer Motion](https://www.framer.com/motion/)**: For creating complex and smooth animations.
- **[React](https://reactjs.org/)**: A library for building component-based user interfaces.
- **[Next Image](https://nextjs.org/docs/api-reference/next/image)**: Next.js image optimization for improved loading performance.
## Installation
1. **Clone the repository**:
```bash
git clone https://github.com/NeoDev99/next-portfolio-template.git
cd next-portfolio-template
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm run dev
```
Open your browser and navigate to `http://localhost:3000` to explore the project.
## Contributing
Contributions are highly welcome! Please follow these steps to contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-name`).
3. Make your changes and commit them (`git commit -m 'Added new feature'`).
4. Push the changes (`git push origin feature-name`).
5. Open a pull request for review.
## License
This project is free to use for any purpose. Feel free to modify, distribute, and build upon it without any restrictions.