A modern, professional portfolio website for backend developers with a comprehensive admin dashboard built with Next.js 14, TypeScript, Prisma, and Tailwind CSS.
- 🎨 Sidebar Layout with dynamic profile image and social links
- 🖼️ Dynamic Hero Section with customizable background image
- 📊 Admin Dashboard to manage all content
- 🔐 Authentication with NextAuth
- 💾 Database powered by Prisma & PostgreSQL
- 🎭 Modern UI with Tailwind CSS and Framer Motion animations
- 📱 Fully Responsive design
- Node.js 18+ installed
- PostgreSQL database
- Install dependencies:
npm install- Set up environment variables:
cp .env.example .envEdit .env and add your database URL and other credentials.
- Set up the database:
npx prisma generate
npx prisma db push- Run the development server:
npm run devOpen http://localhost:3000 in your browser.
├── app/ # Next.js app directory
│ ├── api/ # API routes
│ ├── admin/ # Admin dashboard pages
│ └── page.tsx # Home page
├── components/ # React components
├── lib/ # Utility functions
├── prisma/ # Database schema
└── public/ # Static assets
Access the admin panel at /admin to:
- Update profile information
- Change hero background image
- Manage projects, skills, and experience
- View contact messages
- Customize all content dynamically
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Database: PostgreSQL with Prisma ORM
- Authentication: NextAuth.js
- Animations: Framer Motion
- Icons: Lucide React
MIT