Next.js Firebase Portfolio

📌 Overview

This is a personal portfolio website built using Next.js, TypeScript, and Tailwind CSS, deployed on Vercel. It showcases my experience, projects, skills, and technical profiles. The project also includes Firebase for backend functionality.

🚀 Features

Next.js 14 with App Router for better performance and SEO.

TypeScript for type safety.

Tailwind CSS for modern UI styling.

Responsive design for mobile and desktop views.

SEO Optimized (Meta tags, proper heading structures).

Dark Mode UI with the primary color #212A31.

Optimized Performance for fast loading and smooth experience.

🛠️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/prashantk01/nextjs-portfolio.git cd nextjs-portfolio

2️⃣ Install Dependencies

yarn install # or npm install

4️⃣ Run the Development Server

yarn dev # or npm run dev

Your portfolio will be live at http://localhost:3000.

⚡ Performance Optimizations

✅ Lazy Loading Images using next/image to improve Largest Contentful Paint (LCP).

✅ Code Splitting with next/dynamic for components that don’t need immediate loading.

✅ Preloading Fonts with next/font.

🌎 Deployment on Vercel

1️⃣ Install Vercel CLI (If not installed)

yarn global add vercel # or npm install -g vercel

2️⃣ Deploy

vercel deploy (vercel --prod)

Your portfolio will be live at https://your-portfolio.vercel.app