Portfolio Website 2.0

Light Mode :

Dark Mode :

This repository contains the code for my personal portfolio website built using Sanity CMS, Next.js, and Tailwind CSS. The website serves as a showcase of my projects, skills, and experiences.

Introduction

Welcome to my portfolio website repository! This project is a single-page application built using the Sanity CMS for content management, Next.js for server-side rendering, and Tailwind CSS for styling. The website showcases my projects, skills, and experiences, allowing potential employers and collaborators to learn more about me and my work.

Technologies Used

• Sanity CMS: A headless CMS that enables content editing and management.
• Next.js: A React framework for building server-side rendered (SSR) and static websites.
• Tailwind CSS: A utility-first CSS framework for creating custom and responsive designs.

Features

• Project Showcase
• Skills and Expertise
• Achievement
• Blogs
• About Me
• Contact Form
• Content Management System
• Light Mode & Dark Mode
• Comment On Blog
• Newsletter For Blogs

Installation

To get started with the project on your local machine, follow these steps:

1. Clone the repository: git clone https://github.com/mustafaazad03/Portfolio-2.0.git
2. Navigate to the project directory: cd Portfolio-2.0
3. Install dependencies: npm install or yarn install

Usage

Before running the application, you need to set up the required environment variables and configure the Sanity CMS with your data.

1. Create a .env.local file in the root of the project and add the following variables:

NEXT_PUBLIC_SANITY_PROJECT_ID=your_sanity_project_id
SANITY_DATASET=your_sanity_dataset
SANITY_API_TOKEN=your_sanity_api_token

2. Configure your Sanity CMS project by creating schemas and adding content for projects, skills, and other relevant sections.

3. To start the development server, run: npm run dev or yarn dev

4. Visit http://localhost:3000 in your web browser to see the portfolio website.

Customization

You can customize the appearance and content of the portfolio website to suit your needs. Modify the Tailwind CSS styles in the styles directory, and update the content in Sanity CMS to reflect your projects, skills, and personal information.

Deployment

To deploy your portfolio website, you can use various hosting platforms such as Vercel, Netlify, or other services that support Next.js applications. Make sure to set the necessary environment variables in your deployment environment.

For example, in Vercel, you can configure the environment variables in the project settings.

Thank you for visiting my portfolio website repository! If you have any questions or feedback, feel free to get in touch via the contact form on the website.