Nextjs fullstack
Skill DominikTobureto/awesome-grok-build/.grok/skills/nextjs-fullstack
Grok Build resources, reusable .grok/skills, AGENTS.md templates, hooks, prompts, and starter workflows.
npx -y skills add DominikTobureto/awesome-grok-build --skill nextjs-fullstackAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
Use for Next.js App Router, React Server Components, server actions, API routes, auth, database integration, caching, deployment, or full-stack product features.
SKILL.md
1.7 KB, as published. Nobody here has run it
Next.js Fullstack
Ship Next.js features with correct boundaries between server, client, data, and UI.
Grok Build Mode
- Use Plan Mode for routing, auth, persistence, caching, or data-fetching changes.
- Use subagents for broad changes:
routes: app router structure, layouts, metadata.data: DB queries, server actions, validation.client: components, state, forms, accessibility.tests: unit/e2e/build verification.
- Arena-style comparison: compare server action vs API route vs client-only approaches and choose by security, simplicity, and cache behavior.
Workflow
- Detect Next version, package manager, styling, auth, DB, and test setup.
- Keep server-only code out of client components.
- Validate inputs on the server.
- Respect existing caching/revalidation patterns.
- Add loading/error/empty states.
- Run the narrowest relevant checks:
npm run lintnpm run typechecknpm run build- project tests.
Rules
- Do not leak secrets into
NEXT_PUBLIC_*. - Avoid unnecessary client components.
- Do not mutate data without auth and ownership checks.
- Keep forms progressive and resilient.
- Use existing UI primitives and route conventions.
Example Prompts
Use nextjs-fullstack. Plan a server-action implementation for this feature, including validation, auth, tests, and loading/error UI.
Review this Next.js diff for server/client boundary bugs and cache invalidation issues.