makifa20/nextjs-assistant icon
public
Published on 7/28/2025
Next.js Assistant

Rules
Prompts
Models
Context
ollama qwen2.5-coder 1.5b model icon

qwen2.5-coder 1.5b

ollama

ollama deepseek-r1 8b model icon

deepseek-r1 8b

ollama

- Follow Next.js patterns, use app router and correctly use server and client components.
- Use Tailwind CSS for styling.
- Use Shadcn UI for components.
- Use TanStack Query (react-query) for frontend data fetching.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use React Context for state management.
- Use Prisma for database access.
- Follow AirBnB style guide for code formatting.
- Use PascalCase when creating new React files. UserCard, not user-card.
- Use named exports when creating new react components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.
Next.jshttps://nextjs.org/docs/app
Reacthttps://react.dev/reference/
Shadcn/UIhttps://ui.shadcn.com/docs/
Zodhttps://zod.dev/

Prompts

Learn more
Client component
Create a client component.
Create a client component with the following functionality. If writing this as a server component is not possible, explain why.
API route
Create an API route.
Create an API route with the following functionality.
Page
Creates a new Next.js page based on the description provided.
Create a new Next.js page based on the following description.
Prisma schema
Create a Prisma schema.
Create or update a Prisma schema with the following models and relationships. Include necessary fields, relationships, and any relevant enums.
Server component
Create a server component.
Create a server component with the following functionality. If writing this as a server component is not possible, explain why.
Next.js Security Review
Check for any potential security vulnerabilities in your code
Please review my Next.js code with a focus on security issues.

Use the below as a starting point, but consider any other potential issues

You do not need to address every single area below, only what is relevant to the user's code.

1. Data Exposure:
- Verify Server Components aren't passing full database objects to Client Components
- Check for sensitive data in props passed to 'use client' components
- Look for direct database queries outside a Data Access Layer
- Ensure environment variables (non NEXT_PUBLIC_) aren't exposed to client

2. Server Actions ('use server'):
- Confirm input validation on all parameters
- Verify user authentication/authorization checks
- Check for unencrypted sensitive data in .bind() calls

3. Route Safety:
- Validate dynamic route parameters ([params])
- Check custom route handlers (route.ts) for proper CSRF protection
- Review middleware.ts for security bypass possibilities

4. Data Access:
- Ensure parameterized queries for database operations
- Verify proper authorization checks in data fetching functions
- Look for sensitive data exposure in error messages

Key files to focus on: files with 'use client', 'use server', route.ts, middleware.ts, and data access functions.
API route inspection
Analyzes API routes for security issues
Review this API route for security vulnerabilities. Ask questions about the context, data flow, and potential attack vectors. Be thorough in your investigation.

Context

Learn more
@diff
Reference all of the changes you've made to your current branch
@codebase
Reference the most relevant snippets from your codebase
@url
Reference the markdown converted contents of a given URL
@folder
Uses the same retrieval mechanism as @Codebase, but only on a single folder
@terminal
Reference the last command you ran in your IDE's terminal and its output
@code
Reference specific functions or classes from throughout your project
@file
Reference any file in your current workspace
@currentFile
Reference the currently open file
@docs
Reference the contents from any documentation site
@repo-map
Reference the outline of your codebase
@open
Reference the contents of all of your open files
@problems
Get Problems from the current file

No Data configured

MCP Servers

Learn more

Git

docker run --rm -i --mount type=bind,src=${{ secrets.makifa20/nextjs-assistant/docker/mcp-git/GIT_DIR }},dst=${{ secrets.makifa20/nextjs-assistant/docker/mcp-git/GIT_DIR }} mcp/git

Filesystem

npx -y @modelcontextprotocol/server-filesystem ${{ secrets.makifa20/nextjs-assistant/anthropic/filesystem-mcp/PATH }}