Skip to content

iambhvsh/website

Repository files navigation

Bhavesh Patil - Portfolio

Overview

A modern, responsive personal portfolio website built with cutting-edge web technologies, showcasing my projects, blog, and professional journey.

🛠 Tech Stack

✨ Key Features

Dynamic Blog System

  • Powered by MDX for flexible content creation
  • Syntax highlighting with Sugar High
  • Frontmatter parsing with Gray Matter

Responsive Design

  • Mobile-friendly navigation
  • Adaptive layout across devices
  • Dark mode for enhanced readability

Performance Optimizations

  • Code splitting
  • Image optimization
  • Server-side rendering

SEO & Accessibility

  • Sitemap generation
  • Progressive Web App (PWA) support
  • Accessible navigation

🌟 Getting Started

Prerequisites

  • Node.js (v18 or later)
  • pnpm

Installation

  1. Clone the repository
git clone https://github.com/iambhvsh/website.git
cd website
  1. Install dependencies
pnpm install
  1. Run development server
pnpm run dev
  1. Open http://localhost:3000 in your browser

🚀 Deployment

The website is deployed on Vercel, which provides:

  • Automatic deployments
  • Edge functions
  • Performance analytics

Deploy with Vercel

🔍 Project Structure

portfolio/
├── app/
│   ├── blog/
│   ├── components/
│   ├── lib/
│   └── pages...
├── public/
├── styles/
└── README.md

📝 Blog Posts

Written in MDX, allowing seamless integration of markdown and React components.

💡 Lessons Learned

  • TypeScript provides robust type safety
  • MDX offers incredible content flexibility
  • Tailwind CSS enables rapid, consistent styling

📫 Contact

Feel free to reach out!

📄 License

This project is open source and available under the MIT License.


"Design is not just what it looks like and feels like. Design is how it works" - Steve Jobs