Simulacrum

Portfolio template

A personal or studio portfolio with case studies, project grids, contact forms, downloadable assets, and lightweight analytics.

npx simulate portfolio my-portfolio

9 routes · 8 components · Leads admin

/
/work
/work/[slug]
/about
/contact
/resume

Generated project structure

What you get when you run npx simulate portfolio my-portfolio

my-portfolio/
  • -layout.tsx
  • -globals.css
  • +
  • +
  • +
  • +
  • -site.ts
  • -tailwind.config.ts
  • -package.json
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -hero-section.tsx
  • -project-grid.tsx
  • -case-study-layout.tsx
  • -contact-form.tsx
  • -timeline.tsx
  • -skill-chips.tsx
  • ... 32+ files total

Available scripts

  • npm run dev
  • npm run build
  • npm run lint
  • npm run db:push
  • npm run db:studio
  • npm run test
  • npm run e2e
  • npm run typecheck

Admin dashboard metrics

ViewsProject clicksContact submissions

Scaffold stats

Pages
9
Components
8
RBAC roles
2
Dashboard KPIs
3

Pages included

  • /
  • /work
  • /work/[slug]
  • /about
  • /contact
  • /resume
  • /admin
  • /admin/projects
  • /admin/leads

Key components

  • HeroSection
  • ProjectGrid
  • CaseStudyLayout
  • ContactForm
  • Timeline
  • SkillChips
  • DownloadButton
  • TestimonialCarousel

Admin dashboard

Template-native metrics powered by Recharts and TanStack Table

Views

---

Project clicks

---

Contact submissions

---

Default stack

Database
SQLite
Auth
Credentials
Payments
none

RBAC roles

  • admin
  • editor

npx simulate portfolio my-portfolio

Get Starter — unlock all templatesCompare pricing