Template library

Portfolio templates organized by stack and role

Use templates as another entry point into the project. The pages below are grouped by technology and by role so the archive feels navigable instead of generically programmatic.

5technologies
5role profiles
25template combinations

By technology

Start from the stack

Useful when you already know the framework or tooling context and want matching role variants.

Technology

Next.js

5 roles

The React framework for production-grade applications with built-in SSR, SSG, and API routes.

Server-side RenderingStatic Site GenerationAPI Routes

Technology

React

5 roles

A JavaScript library for building interactive user interfaces with component-based architecture.

Component-basedVirtual DOMHooks

Technology

TypeScript

5 roles

JavaScript with static type definitions for better developer experience and code quality.

Static typingIntelliSenseError detection

Technology

Tailwind CSS

5 roles

A utility-first CSS framework for rapid UI development without leaving your HTML.

Utility-firstResponsive designDark mode

Technology

MDX

5 roles

Markdown enhanced with JSX components for rich, interactive documentation and blogs.

Markdown + JSXInteractive componentsSyntax highlighting

By role

Start from the hiring narrative

Useful when the role framing matters more than the stack itself.

Role

Frontend Developer

5 stacks

Developers focused on building user interfaces and client-side applications with modern frameworks.

ReactVueCSS
Showcase UI skills
Display interactive projects

Role

Backend Developer

5 stacks

Developers specializing in server-side logic, databases, APIs, and system architecture.

Node.jsPythonAPIs
Show system design skills
Display API projects

Role

Fullstack Developer

5 stacks

Developers skilled in both frontend and backend technologies, building end-to-end solutions.

ReactNode.jsDatabases
Showcase end-to-end projects
Display diverse skills

Role

Software Engineer

5 stacks

Engineers focused on building robust, scalable software systems with clean code practices.

AlgorithmsSystem designClean code
Display engineering mindset
Show problem-solving

Role

DevOps Engineer

5 stacks

Engineers bridging development and operations with automation, CI/CD, and infrastructure.

CI/CDDockerKubernetes
Show infrastructure projects
Display automation skills

Need feature-driven browsing?

If stack and role are not enough, switch to the solutions pages to browse templates by feature such as dark mode, SEO, responsiveness, or performance.

Browse feature pages