Agent skill
build-and-deploy
Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/build-and-deploy
SKILL.md
Build and Deploy Magic Portfolio
CRITICAL: For Vercel, use
vercel build --prodthenvercel deploy --prebuilt --prod.
Workflow
1. Install Dependencies
bash
npm install
2. Build
bash
npm run build
3. Deploy
Vercel (Recommended):
bash
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify:
bash
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 settingssrc/resources/content.js- Site content
- Blog posts go in
src/app/blog/posts/ - Projects go in
src/app/work/projects/
Didn't find tool you were looking for?