https://github.com/dibakarmitra/nextjs-portfolio-v2
A modern, lightweight, high-performance portfolio built with Next.js, TypeScript, TailwindCSS and MDX
https://github.com/dibakarmitra/nextjs-portfolio-v2
developer-website mdx nextjs nextjs-portfolio nextjs-template personal-website portfolio portfolio-website simple-portfolio static-site tailwindcss typescript
Last synced: 27 days ago
JSON representation
A modern, lightweight, high-performance portfolio built with Next.js, TypeScript, TailwindCSS and MDX
- Host: GitHub
- URL: https://github.com/dibakarmitra/nextjs-portfolio-v2
- Owner: dibakarmitra
- Created: 2026-04-18T17:26:15.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2026-04-19T17:44:18.000Z (3 months ago)
- Last Synced: 2026-04-19T19:29:18.400Z (3 months ago)
- Topics: developer-website, mdx, nextjs, nextjs-portfolio, nextjs-template, personal-website, portfolio, portfolio-website, simple-portfolio, static-site, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://www.dibakarmitra.com
- Size: 313 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Portfolio v2
A modern, lightweight, high-performance portfolio built with Next.js, TypeScript, and MDX.
## 🚀 Features
- **Static-First**: Blazing fast performance with Next.js App Router.
- **MDX Powered**: Write notes/blogs using markdown in the `contents/` directory.
- **Contact Form**: Integrated with Resend API for seamless email submissions.
- **SEO Optimized**: Dynamic `sitemap.ts` and `robots.ts` generation.
- **Premium UI**: Clean, modern design with dark mode and smooth animations.
## 🛠️ Tech Stack
- **Framework**: Next.js 16 (App Router)
- **Styling**: Tailwind CSS
- **Content**: MDX (`next-mdx-remote`)
- **Email**: Resend
- **Deployment**: Optimized for Vercel/Static Hosting
## 🏁 Getting Started
1. **Install Dependencies**:
```bash
npm install
```
2. **Setup Environment**:
Create a `.env.local` file:
```bash
APP_NAME="Your Portfolio"
APP_URL="http://localhost:3000"
RESEND_API_KEY="re_..."
CONTACT_EMAIL_FROM="onboarding@resend.dev"
CONTACT_EMAIL_TO="your@email.com"
```
3. **Run Development Server**:
```bash
npm run dev
```
## 📁 Project Structure
- `config/data.ts`: Main source of truth for profile, projects, and resume data.
- `contents/`: All blog/notes in `.mdx` format.
- `components/web/`: UI components and layout sections.
- `app/api/send/`: Resend email integration route.
## 📜 Scripts
- `npm run dev`: Start development server.
- `npm run build`: Build for production.
- `npm run format`: Format code with Prettier.
- `npm run lint`: Run ESLint checks.