Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nixrajput/portfolio-nextjs

This repository contains the source code for a portfolio website built using Next.js, TypeScript, Sass, Tailwind, and Aceternity UI.
https://github.com/nixrajput/portfolio-nextjs

acernity-ui acertinityui bun modern-ui nextjs nextjs-portfolio nixrajput nixrajput-github portfolio portfolio-nextjs portfolio-project portfolio-template portfolio-webiste portfolio-website sass tailwind taiwindcss vercel-deployment vercel-hosting

Last synced: 2 days ago
JSON representation

This repository contains the source code for a portfolio website built using Next.js, TypeScript, Sass, Tailwind, and Aceternity UI.

Host: GitHub
URL: https://github.com/nixrajput/portfolio-nextjs
Owner: nixrajput
License: mit
Created: 2022-02-22T13:12:48.000Z (almost 3 years ago)
Default Branch: master
Last Pushed: 2024-10-29T15:41:48.000Z (3 months ago)
Last Synced: 2025-01-22T16:06:02.122Z (10 days ago)
Topics: acernity-ui, acertinityui, bun, modern-ui, nextjs, nextjs-portfolio, nixrajput, nixrajput-github, portfolio, portfolio-nextjs, portfolio-project, portfolio-template, portfolio-webiste, portfolio-website, sass, tailwind, taiwindcss, vercel-deployment, vercel-hosting
Language: TypeScript
Homepage: https://nixrajput.com
Size: 10 MB
Stars: 70
Watchers: 3
Forks: 22
Open Issues: 1
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # Portfolio Website with Next.js and Sass

This repository contains the source code for a portfolio website built using Next.js and Sass. This README.md file provides an overview of the project and instructions on how to set it up and customize it for your own use.

[![Stars](https://img.shields.io/github/stars/nixrajput/portfolio-nextjs?label=Stars&style=flat)][repo]

[![Forks](https://img.shields.io/github/forks/nixrajput/portfolio-nextjs?label=Forks&style=flat)][repo]

[![Watchers](https://img.shields.io/github/watchers/nixrajput/portfolio-nextjs?label=Watchers&style=flat)][repo]

[![Contributors](https://img.shields.io/github/contributors/nixrajput/portfolio-nextjs?label=Contributors&style=flat)][repo]

[![GitHub last commit](https://img.shields.io/github/last-commit/nixrajput/portfolio-nextjs?label=Last+Commit&style=flat)][repo]

[![GitHub issues](https://img.shields.io/github/issues/nixrajput/portfolio-nextjs?label=Issues&style=flat)][issues]

[![GitHub pull requests](https://img.shields.io/github/issues-pr/nixrajput/portfolio-nextjs?label=Pull+Requests&style=flat)][pulls]

[![GitHub License](https://img.shields.io/github/license/nixrajput/portfolio-nextjs?label=License&style=flat)][license]

## Table of Contents

- [Portfolio Website with Next.js and Sass](#portfolio-website-with-nextjs-and-sass)

  - [Table of Contents](#table-of-contents)

  - [Features](#features)

  - [Screenshots](#screenshots)

  - [Getting Started](#getting-started)

    - [Prerequisites](#prerequisites)

    - [Installation](#installation)

  - [Usage](#usage)

  - [Customization](#customization)

    - [Changing Content](#changing-content)

  - [Deployment](#deployment)

  - [Contributing](#contributing)

  - [License](#license)

  - [Sponsor Me](#sponsor-me)

  - [Connect With Me](#connect-with-me)

  - [Activities](#activities)

## 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.

## Screenshots

![Screenshot 1](/screenshot-desktop.png)

## Getting Started

Follow these instructions to get the project up and running on your local machine.

### Prerequisites

You need to have the following software installed on your computer:

- [Node.js](https://nodejs.org/) (LTS version recommended)

- [npm](https://www.npmjs.com/), [pnpm](https://pnpm.io/) or [Yarn](https://yarnpkg.com/) package manager

### Installation

1. Star the repository.

2. Clone this repository to your local machine using the following command:

   ```bash

   git clone https://github.com/nixrajput/portfolio-nextjs.git

   ```

3. Navigate to the project directory:

   ```bash

   cd portfolio-nextjs

   ```

4. Install the project dependencies:

   If you're using npm:

   ```bash

   npm install

   ```

   If you're using pnpm:

   ```bash

   pnpm install

   ```

   If you're using Yarn:

   ```bash

   yarn install

   ```

## Usage

To start the development server and view the website locally, run the following command:

```bash

npm run dev

#or

pnpm run dev

# or

yarn dev

```

This will start the Next.js development server, and you can access the website in your web browser at `http://localhost:3000`.

## Customization

You can customize various aspects of the portfolio website to make it your own.

### Changing Content

1. Update the content in the `data` directory:

   - Edit the `projects.ts` file to add or modify project details.

   - Edit the `services.ts` file to add or modify services you provide.

   - Edit the `experiences.ts` file to add or modify experiences you have.

   - Edit the `skills.ts` file to add or modify skills you know.

   - Edit the `socialLinks.ts` file to add or modify social media links.

2. Replace or add images in the `public/images` directory to match your projects and profile picture.

## Deployment

To deploy the portfolio website to a hosting service of your choice, follow the deployment instructions for Next.js applications. Some popular hosting options include Vercel, Netlify, and GitHub Pages.

Remember to configure environment variables for sensitive information like email credentials if needed.

## Contributing

If you would like to contribute to this project, feel free to fork the repository, make your changes, and submit a pull request. Please follow the guidelines in the [CONTRIBUTING.md](CONTRIBUTING.md) file.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Sponsor Me

By sponsoring my efforts, you're not merely contributing to the development of my projects; you're investing in its growth and sustainability.

Your support empowers me to dedicate more time and resources to improving the project's features, addressing issues, and ensuring its continued relevance in the rapidly evolving landscape of technology.

Your sponsorship directly fuels innovation, fosters a vibrant community, and helps maintain the project's high standards of quality. Together, we can shape the future of the projects and make a lasting impact in the open-source community.

Thank you for considering sponsoring my work!

[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/nixrajput)

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/nixrajput)

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/nixrajput)

## Connect With Me

[![GitHub: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=GitHub&logoColor=333&link=https://www.github.com/nixrajput)][github]

[![Linkedin: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=LinkedIn&logoColor=blue&link=https://www.linkedin.com/in/nixrajput)][linkedin]

[![Instagram: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=Instagram&link=https://www.instagram.com/nixrajput)][instagram]

[![Twitter: nixrajput07](https://img.shields.io/badge/nixrajput-EFF7F6?logo=X&logoColor=333&link=https://x.com/nixrajput)][twitter]

[![Telegram: nixrajput](https://img.shields.io/badge/nixrajput-EFF7F6?logo=Telegram&link=https://telegram.me/nixrajput)][telegram]

[![Gmail: [email protected]](https://img.shields.io/badge/[email protected]?logo=Gmail&link=mailto:[email protected])][gmail]

## Activities

![Alt](https://repobeats.axiom.co/api/embed/39717929794c9e56c46a4313ee2c33347cf209d1.svg "Repobeats analytics image")

[github]: https://github.com/nixrajput

[twitter]: https://twitter.com/nixrajput07

[instagram]: https://instagram.com/nixrajput

[linkedin]: https://linkedin.com/in/nixrajput

[telegram]: https://telegram.me/nixrajput

[gmail]: mailto:[email protected]

[repo]: https://github.com/nixrajput/portfolio-nextjs

[issues]: https://github.com/nixrajput/portfolio-nextjs/issues

[pulls]: https://github.com/nixrajput/portfolio-nextjs/pulls

[license]: https://github.com/nixrajput/portfolio-nextjs/blob/master/LICENSE.md