Claude Code Plugins

Community-maintained marketplace

Feedback

build-and-deploy

@Eng0AI/magic-portfolio-template
0
0

Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name build-and-deploy
description Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.

Build and Deploy Magic Portfolio

CRITICAL: For Vercel, use vercel build --prod then vercel deploy --prebuilt --prod.

Workflow

1. Install Dependencies

npm install

2. Build

npm run build

3. Deploy

Vercel (Recommended):

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify:

netlify deploy --prod --dir=.next

Tech Stack

  • Framework: Next.js 16
  • UI: Once UI + React 19
  • Styling: Sass
  • Content: MDX for blog posts and projects
  • Language: TypeScript

Important Notes

  • Requires Node.js v18.17+
  • Configuration files:
    • src/resources/once-ui.config.js - Theme and UI settings
    • src/resources/content.js - Site content
  • Blog posts go in src/app/blog/posts/
  • Projects go in src/app/work/projects/