Dillion Portfolio
- 44 installs
- 15 repo stars
- Updated June 16, 2026
- eng0ai/eng0-template-skills
Build a minimalist developer portfolio site with blog and timeline.
About
Next.js template for a personal portfolio with blog and work timeline. Use it to create your professional portfolio website.
- Next.js 14 with Tailwind CSS
- MDX blog integration
Dillion Portfolio by the numbers
- 44 all-time installs (skills.sh)
- Ranked #1,343 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 30, 2026 (Skillselion catalog sync)
npx skills add https://github.com/eng0ai/eng0-template-skills --skill dillion-portfolioAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 44 |
|---|---|
| repo stars | ★ 15 |
| Last updated | June 16, 2026 |
| Repository | eng0ai/eng0-template-skills ↗ |
What it does
Build a minimalist developer portfolio site with blog and timeline.
Files
Dillion Portfolio
A minimalist developer portfolio with blog, work experience timeline, and project showcase.
Tech Stack
- Framework: Next.js 14
- React: React 18
- Animation: Framer Motion
- Styling: Tailwind CSS, shadcn/ui
- Content: MDX for blog
- Package Manager: pnpm
- Dev Port: 3000
Setup
1. Clone the Template
git clone --depth 1 https://github.com/Eng0AI/portfolio-template.git .If the directory is not empty:
git clone --depth 1 https://github.com/Eng0AI/portfolio-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template2. Remove Git History (Optional)
rm -rf .git
git init3. Install Dependencies
pnpm installBuild
pnpm buildDeploy
Vercel (Recommended)
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKENNetlify
netlify deploy --prod --dir=.nextCustomization
Edit content in the src/data/ directory:
resume.tsx- Personal info, work experience, education, projects
Portfolio content is stored in content/ directory as MDX files.
Development
pnpm devOpens at http://localhost:3000
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4kFrontend Developmentfrontend