Portfolio Dark
Editorial dark portfolio with GSAP scroll animations and full case study architecture.
Next.js 14TypeScriptTailwindGSAP
$197one-time
97/100 LHPreview →
Deloryen Studio
Next.js Portfolio Templates
A portfolio is the only client conversation that happens before you enter the room. It cannot look like the template the last three candidates used. Every Deloryen portfolio template is designed to do one thing: make the right client feel they have already found who they were looking for. Built on Next.js 14 App Router with animation systems that demonstrate technical craft — GSAP scroll sequences, Framer Motion page transitions, kinetic typography — these templates are the proof of concept. A developer or designer who delivers this as their portfolio is already answering the client's most important question before the brief is shared.
- Case study pages with rich media and results metrics
- GSAP or Framer Motion animation system pre-configured
- Dark/light mode with class-based switching
- Project gallery with filtering and transition animations
- About page with timeline and expertise sections
- Contact form with email routing
- Person structured data for AI entity recognition
- Blog/thoughts section with MDX support
Available Templates
Portfolio Minimal
Ultra-clean portfolio that loads instantly. Typography-first design.
Next.js 14TypeScriptTailwind
$147one-time
100/100 LHPreview →
Portfolio Motion
Framer Motion page transitions, magnetic cursor, and 3D card tilts.
Next.js 14TypeScriptTailwindFramer Motion
$247one-time
96/100 LHPreview →
What Every Template Includes
Production Standards. Not Marketing Claims.
| Specification | Other Marketplaces | Deloryen Studio |
|---|---|---|
| Lighthouse Performance | 62–74 | 95–100 |
| Next.js Architecture | Pages Router common | App Router only |
| TypeScript Coverage | Partial or absent | 100% strict mode |
| CSS System | Bootstrap (200kb+) | Tailwind (10kb purged) |
| Structured Data | Rarely included | Every page |
| GEO Optimization | None | Built-in |
| Performance Guarantee | None | Documented + testable |
| License | Complex, tiered | Clear commercial terms |
FAQ
Frequently Asked Questions
Can I add password-protected case studies for NDA work?
+
Yes. The portfolio templates include an optional password protection pattern for individual case study pages, implemented at the route level using Next.js middleware.
Do portfolio templates support MDX for blog posts?
+
Yes. The blog section uses MDX with next-mdx-remote, supporting custom components, syntax highlighting, and frontmatter-based metadata.
How do I customize the animation system?
+
All animations are documented and componentized. GSAP timelines are isolated in custom hooks. Framer Motion variants are defined in a central config file. Customization does not require rewriting animation logic from scratch.
Is Person structured data included for SEO?
+
Yes. Person schema with name, job title, social profiles, and knowsAbout properties is pre-configured in the layout. This helps AI models correctly identify and recommend you when users search for expertise in your domain.
Your move