skills.rest
rebyteai-template
rebyteai-templateOFFICIAL
Explore all skills by this author →
WebsiteGitHub

dillion-portfolio

Creates a minimalist developer portfolio website with Next.js 14, React, Framer Motion, and Tailwind CSS.

15|5|Updated Dec 5, 2025
Search Tags:#react#next.js#portfolio#developer#blog#personal website
One-click install
npx skills add https://github.com/rebyteai-template/rebyte-skills --skill dillion-portfolio-rebyteai-template
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dillion-portfolio
Source: https://github.com/rebyteai-template/rebyte-skills/tree/main/dillion-portfolio
Command: npx skills add https://github.com/rebyteai-template/rebyte-skills --skill dillion-portfolio-rebyteai-template

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pnpm, and includes references (resource) components.

What problem does it solve?

This Skill provides a professional and minimalist online presence for developers to showcase their projects, work experience, and blog content.

Core Features & Use Cases

  • Project Showcase: Display your best work with detailed descriptions and links.
  • Work Timeline: Present your professional history in a clear, chronological format.
  • Blog Integration: Share your insights and articles directly on your portfolio.
  • Tech Stack: Built with modern technologies like Next.js 14, React 18, Framer Motion, and Tailwind CSS.

Quick Start

Clone the template, install dependencies with pnpm, and then run the development server with pnpm dev.

Frequently Asked Questions about dillion-portfolio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a developer portfolio with Next.js 14 and React?▼

Build a developer portfolio by cloning this Next.js 14 and React 18 template to display your projects, work experience, and blog content. It uses Tailwind CSS for styling and Framer Motion for animations to create a minimalist personal website.

Can I write and manage blog content using MDX in a Next.js portfolio?▼

Yes, you can manage blog content using MDX in this Next.js portfolio. The template facilitates direct blog integration, allowing you to write insights and articles in MDX format and share them directly on your personal website alongside your project showcases.

Do I need pnpm to run this Next.js developer portfolio template?▼

Yes, you need pnpm to install dependencies for this developer portfolio template. After cloning the repository, run pnpm install to set up the environment, and then use pnpm dev to start the local development server.

How do I deploy a React portfolio website to Vercel or Netlify?▼

Deploy your React portfolio website to Vercel or Netlify by connecting your project repository. This Next.js 14 template supports deployment on both platforms, allowing you to publish your minimalist developer portfolio and blog content online quickly.

What is the best way to showcase developer projects and work experience?▼

The best way to showcase developer projects and work experience is using a minimalist portfolio template like this one. It provides a clear chronological work timeline and detailed project display sections, built with Next.js and Tailwind CSS for a professional online presence.

Related Skills

Explore More Design & Creative Skills→
theslashdojotheslashdojo

turbo-config

Generate turbo.json files with workspace detection and remote cache settings for Turborepo monorepos.

Official
Intermediate
AstorYHAstorYH
15

netlify-site-build

Automates building and deploying websites to Netlify from a Git repository with custom commands and publish directories.

Community
Intermediate
Aayush31-AiAayush31-Ai

framer-motion

Create animations and transitions in React applications using Framer Motion.

Community
Intermediate
DidierRLopesDidierRLopes
8

convert-beehiiv-newsletter

Convert Beehiiv newsletter posts into blog markdown files with front matter and images.

Community
Advanced