Features

Portfolio CMS comes packed with features to help you build a stunning portfolio website without writing boilerplate code.

Content Management

📁 Collections

Organize your content with these pre-built collections:

Collection	Purpose	Key Features
Projects	Portfolio showcases	Tech stack, gallery, live/repo links, featured flag
Skills	Technical expertise	Proficiency levels, categories, icons
Experience	Work history	Company, dates, responsibilities, current role flag
Education	Academic background	Institution, degree, dates, achievements
Achievements	Awards & certifications	Date, issuer, links
Testimonials	Client feedback	Ratings, photos, company info
Companies	Client logos	Logo upload, website link, featured order
Categories	Project organization	Color coding, slug generation
Messages	Contact form submissions	Read/unread status, email replies

🌐 Global Settings

Site-wide configurations managed from one place:

• Site Settings - Name, logo, favicon, theme, features
• Profile - Your personal information, bio, stats, services
• Navigation - Menu items, CTA buttons, highlights
• Footer - Link columns, copyright, social links

Admin Panel Features

Live Preview

See your changes in real-time with responsive breakpoints:

• Mobile (375px)
• Tablet (768px)
• Desktop (1440px)

Draft/Publish Workflow

• Save drafts without publishing
• Schedule content publication
• Version history

Media Management

• Image uploads with optimization
• S3-compatible storage support
• File size limits (10MB default)
• Automatic thumbnail generation

SEO & Performance

Built-in SEO

• ✅ Auto-generated sitemaps
• ✅ Meta title and description templates
• ✅ Open Graph tags
• ✅ Twitter Card support
• ✅ JSON-LD structured data
• ✅ Canonical URLs

Performance Optimizations

• ✅ React Server Components
• ✅ Image optimization with Sharp
• ✅ Static page generation
• ✅ Efficient data fetching
• ✅ Minimal JavaScript bundle

Customization

Theme Options

• Light/Dark/System mode
• CSS custom properties
• TailwindCSS utilities

Feature Toggles

Control what's visible on your site:

• Dark mode toggle
• Search functionality
• Project filters

Custom Scripts

Inject custom code:

• Google Analytics
• Head scripts
• Body scripts
• Third-party integrations

Developer Experience

Type Safety

• Full TypeScript support
• Auto-generated types from CMS schema
• Type-safe API responses

Code Quality

• ESLint configuration
• Prettier formatting
• Husky pre-commit hooks
• Lint-staged file checks

Documentation

• VitePress documentation
• Code comments
• Example configurations

What's Next?

Learn about the Tech Stack that powers Portfolio CMS, or jump straight to Installation to get started.