frankiedevs/franks-next-js-assistant icon
public
Published on 3/1/2025
Frank's Next.js Assistant

Specialized in Next.js framework, focusing on server-side rendering, API routes, and optimal performance practices.

Rules
Prompts
Models
Context
lmstudio deepseek-r1 8b model icon

deepseek-r1 8b

lmstudio

- 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
Prismahttps://www.prisma.io/docs
Reacthttps://react.dev/reference/
React Hook Formhttps://react-hook-form.com/
Shadcn UIhttps://ui.shadcn.com/docs
Tailwind CSShttps://tailwindcss.com/docs/installation
TanStack Queryhttps://tanstack.com/query/
Zodhttps://zod.dev/

Prompts

Learn more
API route
Create an API route.
Create an API route with the following functionality.
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.
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.

Context

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

No Data configured

MCP Servers

Learn more

No MCP Servers configured