Portfolio : Pankaj Kori

A modern and responsive personal portfolio website built with Next.js, showcasing projects, skills, and professional experience.

🚀 About

This is a personal portfolio website built using Next.js 14+ with App Router, designed to present professional work, skills, and achievements in an elegant and performant manner. The project leverages the latest Next.js features including automatic font optimization with Geist font family.

✨ Features

• Modern Tech Stack: Built with Next.js 14+ (App Router)
• Font Optimization: Automatic font optimization using next/font with Geist font family
• Fast Performance: Server-side rendering and static generation for optimal performance
• Responsive Design: Fully responsive across all devices
• Hot Reload: Instant updates during development
• SEO Optimized: Built-in SEO capabilities with Next.js metadata API
• Easy Deployment: Ready to deploy on Vercel with one click

🛠️ Tech Stack

• Framework: Next.js 14+
• Font: Geist - Vercel's new font family
• Runtime: Node.js
• Package Managers: npm, yarn, pnpm, or bun

📋 Prerequisites

Before you begin, ensure you have installed:

• Node.js (v18.17 or higher recommended)
• npm, yarn, pnpm, or bun package manager

🔧 Installation

1. Clone the repository

   git clone https://github.com/pankajkoree/portfoliopk.git
   cd portfoliopk

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install
   # or
   bun install

3. Run the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   # or
   bun dev

4. Open your browser Navigate to http://localhost:3000 to see the result

📁 Project Structure

portfoliopk/
├── app/
│   ├── page.js           # Main landing page
│   ├── layout.js         # Root layout with font optimization
│   └── ...               # Additional pages and routes
├── public/
│   └── ...               # Static assets
├── package.json
└── README.md

🎨 Customization

Editing Content

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file thanks to Next.js hot reload feature.

Adding Pages

Create new pages by adding files in the app directory following Next.js App Router conventions.

Styling

The project uses Next.js built-in CSS support. You can:

• Add global styles in app/globals.css
• Use CSS Modules for component-specific styles
• Integrate Tailwind CSS or other styling solutions

🚀 Deployment

Deploy on Vercel (Recommended)

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

1. Push your code to GitHub
2. Import your repository to Vercel
3. Vercel will automatically detect Next.js and configure the build settings
4. Your site will be deployed with a production URL

👤 Author

Pankaj Koree

• GitHub: @pankajkoree
• Repository: portfoliopk

🙏 Acknowledgments

• Built with Next.js by Vercel
• Font optimization using Geist
• Created with create-next-app