My Portfolio Website

This is a personal portfolio website built using Next.js for the frontend and Sanity.io as the content management system (CMS). It showcases my projects, skills, and experience as a developer, and it is fully customizable through Sanity Studio.

Table of Contents

• Tech Stack
• Getting Started
  • Prerequisites
  • Installation
  • Running the Development Server
• Deployment
• License

Tech Stack

• Frontend: Next.js
• CMS: Sanity.io
• Styling: Tailwind CSS
• Other: Umami for analytics

Getting Started

Prerequisites

• Node.js (>= 18.x.x)
• NPM or Yarn

CMS Configuration (Sanity.io)

• Create and account on the platform
• Create a project
• Get the project id to store in env file

For analytics

• Create an account on umami.is
• Add your website
• Get website id to store in env file

Installation

1. Clone the repository:

   git clone https://github.com/mahmudz/portfolio.git
   cd portfolio

2. Update the keys in env file:

   • Copy the .env.example to to .env.local
   • Update the values

3. Install dependencies: If using npm:

   npm install

   If using yarn:

   yarn install

Running the Development Server

Start the Next.js development server:

npm run dev

Visit http://localhost:3000 to view the portfolio in the browser. The page will automatically reload as you make changes to the code.

Visit http://localhost:3000/studio to manage CMS data of Sanity.io

Deployment

This website can be deployed easily to hosting services like Vercel. The simplest way is to link your GitHub repository to Vercel.

To deploy on Vercel:

1. Push your code to GitHub.
2. Visit https://vercel.com and create a new project.
3. Connect your GitHub repo and follow the deployment steps.

Once deployed, you can still manage your CMS using your domain for vercel https://your-website-address/studio.

License

This project is licensed under the MIT License - see the LICENSE file for details.