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

Sceenshots

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/s4rth4k82/Portfolio.git

3. Navigate to the project directory:

   cd Portfolio

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.js file to add or modify project details.
   • Edit the services.js file to add or modify services you provide.
   • Edit the about.js file to update your personal information.
   • Edit the experiences.js file to add or modify experiences you have.
   • Edit the skills.js file to add or modify skills you know.
   • Edit the socialLinks.js 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.

Connect With Me