Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luthda/nextjs-dev-portfolio
A simple developer portfolio template built on Next.js, TailwindCSS and Aceternity UI. Showcase your projects and skills on a modern web app.
https://github.com/luthda/nextjs-dev-portfolio
aceternity-ui framer-motion nextjs portfolio portfolio-template portfolio-website tailwindcss typescript
Last synced: 3 months ago
JSON representation
A simple developer portfolio template built on Next.js, TailwindCSS and Aceternity UI. Showcase your projects and skills on a modern web app.
- Host: GitHub
- URL: https://github.com/luthda/nextjs-dev-portfolio
- Owner: luthda
- License: mit
- Created: 2024-09-04T06:40:36.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-27T10:37:34.000Z (5 months ago)
- Last Synced: 2024-10-20T03:54:12.299Z (4 months ago)
- Topics: aceternity-ui, framer-motion, nextjs, portfolio, portfolio-template, portfolio-website, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 9.14 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js Dev Portfolio
This project is a **developer portfolio** built using **Next.js**. It showcases a professional portfolio template that can be customized for any developer looking to display their skills, projects, and experience in a clean and modern design.
## Features
- **Responsive Design**: Fully responsive across devices and screen sizes.
- **Next.js Framework**: Utilizes the powerful Next.js framework for server-side rendering and fast page loads.
- **Tailwind CSS**: Styled with Tailwind CSS for a sleek and modern UI.
- **FontAwesome Icons**: Integrated FontAwesome React icons for easy-to-use and customizable social media links and other icons.
- **SEO Friendly**: Optimized for SEO with meta tags and responsive design.
- **Reusable Components**: Built with modular, reusable React components for flexibility and maintainability.
## Installation
To set up this project locally:
1. Clone the repository:
```bash
git clone https://github.com/luthda/nextjs-dev-portfolio.git
```
2. Navigate to the project directory:
```bash
cd nextjs-dev-portfolio
```
3. Install dependencies:
```bash
yarn install
```
4. Run the development server:
```bash
yarn dev
```
5. Open `http://localhost:3000` in your browser to view the portfolio.
## Customization
You can customize the portfolio content by editing the components in the `components` folder. Here are the primary components:
- **AboutSection**: Customize the "About Me" section.
- **ContactSection**: Modify the contact form and social media links.
- **ProjectSection**: Add your own projects with descriptions and links.
## Deployment
To deploy the project, you can use platforms like Vercel or Netlify. For Vercel, follow these steps:
1. Push your repository to GitHub.
2. Sign in to [Vercel](https://vercel.com/) and import your project.
3. Set up environment variables if needed.
4. Click "Deploy" and your portfolio will be live!
## Contributions
Contributions are welcome! If you find any issues or have improvements, feel free to submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](https://github.com/luthda/nextjs-dev-portfolio/blob/main/LICENSE) file for more details.