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.

Table of Contents

• Portfolio Website with Next.js and Sass
  • Table of Contents
  • Features
  • Sceenshots
  • Getting Started
    • Prerequisites
    • Installation
  • Usage
  • Customization
    • Changing Content
  • Deployment
  • Contributing
  • License
  • Sponsor Me
  • Connect With Me

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.

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 (LTS version recommended)
• npm, pnpm or Yarn package manager

Installation

1. Star the repository.

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

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

3. Navigate to the project directory:

   cd portfolio-nextjs

4. Install the project dependencies:

   If you're using npm:

   npm install

   If you're using pnpm:

   pnpm install

   If you're using Yarn:

   yarn install

Usage

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

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 skills.ts file to add or modify skills you know.
   • Edit the socialLinks.ts file to add or modify socila 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 file.

License

This project is licensed under the MIT License - see the 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!

Connect With Me