A modern portfolio template with VIP blog system, created by Ivan.
- 🎨 Modern UI with TailwindCSS and Shadcn/UI
- 🌓 Light/Dark Mode Support
- 📱 Fully Responsive Design
- 🚀 Built with Next.js 14 App Router
- 💻 Tech Stack Showcase with Icon Cloud
- 📊 Multiple Analytics Support
- 🔍 SEO Optimized
- 📝 MDX Support for Rich Content
- 🔐 VIP Content System
- Member Code Generation
- Protected VIP Content
- Cookie-based Authentication
- 📰 RSS Feed Support
- 🎯 Category Management
- 🎯 TypeScript for Type Safety
- 📦 PNPM for Fast, Disk Space Efficient Installation
- 🔧 Easy Configuration
- 📱 Mobile-First Approach
The template includes RSS feed support:
- Access feed via
/feedendpoint - Auto-generated feed for latest blog posts
- Compatible with major RSS readers
- Keep readers updated with new content
The template includes a VIP membership system:
- Generate member codes via
/admin/code - Codes stored in
data/vip-codes.json - Authentication required for VIP content access
- 7-day authentication persistence
- Clone the repository:
git clone https://github.com/yourusername/your-repo-name.git- Install dependencies:
pnpm install- Create your environment variables:
cp .env.example .env.local- Start the development server:
pnpm devsrc/config/siteConfig.ts- Site-wide settingssrc/config/infoConfig.ts- Personal informationdata/vip-codes.json- VIP member codes
src/content/blog/- Public blog postssrc/content/vip-blog/- VIP-only content
Deploy using Vercel:
MIT License - feel free to use this template for your own portfolio!
If you find this template helpful, please consider giving it a ⭐️ on GitHub!
If you encounter any issues or have suggestions, feel free to open an Issue or PR.