A modern, responsive personal portfolio website built with Next.js — showcasing my projects, skills, and experience.
Add a screenshot or live demo GIF here
🔗 Live Demo: your-portfolio-url.vercel.app
- ⚡ Built with Next.js (App Router / Pages Router)
- 🎨 Fully responsive design — mobile, tablet & desktop
- 🌙 Light / Dark mode support
- 🧩 Reusable component-based architecture
- 📬 Contact form integration
- 🔍 SEO optimized with Next.js metadata API
- 🚀 Deployed on Vercel
| Technology | Purpose |
|---|---|
| Next.js | React framework |
| React | UI library |
| Tailwind CSS | Styling |
| Framer Motion | Animations |
| Vercel | Deployment |
Update this table to match your actual stack.
portfolio/
├── app/ # App Router (or pages/ for Pages Router)
│ ├── layout.tsx # Root layout
│ ├── page.tsx # Home page
│ └── ...
├── components/ # Reusable UI components
│ ├── Navbar.tsx
│ ├── Hero.tsx
│ ├── Projects.tsx
│ ├── Skills.tsx
│ └── Contact.tsx
├── public/ # Static assets (images, icons)
├── styles/ # Global styles
├── lib/ # Utility functions / helpers
├── next.config.js # Next.js configuration
├── tailwind.config.js # Tailwind configuration
└── package.json
-
Clone the repository
git clone https://github.com/your-username/portfolio.git cd portfolio -
Install dependencies
npm install # or yarn install -
Set up environment variables
cp .env.example .env.local
Fill in the required values in
.env.local. -
Run the development server
npm run dev
-
Open http://localhost:3000 in your browser.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm run start |
Start production server |
npm run lint |
Run ESLint |
This portfolio is deployed on Vercel. To deploy your own:
- Push your code to GitHub.
- Import the repository at vercel.com/new.
- Add any environment variables in the Vercel dashboard.
- Click Deploy — done!
Shubh Mishra
- 🌐 Portfolio: your-portfolio-url.com
- 💼 LinkedIn: linkedin.com/in/your-profile
- 🐙 GitHub: github.com/your-username
- 📧 Email: smishra64310@gmail.com
This project is open source and available under the MIT License.
⭐ If you found this portfolio inspiring, feel free to star the repo!
