Browse

next-safe-action. .cursorrules prompt files

Filters

Tech

Clear

React

Tailwind CSS

Node.js

Tailwind

Shadcn UI

JavaScript

Python

Radix UI

Next.js

Vite

JSX

WebP

Zod

Docker

Next.js App Router

Supabase

CSS

PostgreSQL

Redis

FastAPI

HTML

Pydantic

pytest

Git

Jest

react-hook-form

Solidity

Vercel

SQLAlchemy

Tailwind Aria

Suspense

SvelteKit

Vue.js

GitHub Actions

Celery

ESLint

PHP

TailwindCSS

Pinia

PEP 8

asyncpg

TypeScript

SQL

Playwright

Svelte

Prettier

Radix

DaisyUI

Vitest

JSDoc

JSON

ARIA

Drizzle ORM

Vue Router

VueUse

Astro

Svelte 5

tRPC

Expo

CORS

aiomysql

GitLab CI

Django

Typescript

scikit-learn

pandas

GitHub

RabbitMQ

Java

WebP.

tanStackQuery

Phoenix LiveView

Ecto

File System Watcher

Plug

Finch

Gettext

Phoenix

Elixir

Jason

Phoenix LiveDashboard

Sobelow

ExCoveralls

DNS Cluster

ExUnit

Release Please

Swoosh

Credo

LeftHook

ES6

npm

Laravel

styled-components

RESTful API

Shadcn

Markdown

OpenZeppelin

Slither

Hardhat

Mythril

Clear

AI Development

Turn-Based Strategy

Virtual World

Application Structure

iOS Development

Mobile App Design

$derived

$props

Snippets

HTML

$host

$bindable

Svelte 5

$effect

`createRawSnippet`

$state

$inspect

Nintendo Ringcon

Unity

Exercise-Based Games

Tower Defense

Clear readable code

Typescript

NextJS

Coding assistant

VSCode

Testing and documentation

Java coding best practices

Code review practices

AI assistant behavior

Security practices

WordPress Plugin

Software Configuration

Draft Management

System Tray App

Localization

Event-Driven Development

Authentication and Authorization

Modern PHP Practices

Scheduling Systems

MVC Architecture

Security Measures

Asset Compilation

Data Integrity

Software Setup

Fullstack Development

Senior Developer

Environment Variables

ES6 Syntax

Custom Utilities

Modern Development Practices

Programming Assistant

Svelte/SvelteKit

Coding style

Object-oriented programming

Testing guidelines

Mock data generation

Rich-text editor

Open-source

TypeScript path aliases

Local Environment Development

Modular Library Development

Player Feedback

Dungeons and Dragons

NPC Management

Asynchronous Components

Data Fetching and Routing

Web Vitals Optimization

Semantic HTML

Asynchronous Operations

Media Queries

Backend Logic

AI/ML Integration

Data Visualization

Business Simulation

Simulation Game

Key Performance Indicators

Advanced Java Features

Java Design Patterns

Concurrency and Multithreading

Software Testing and Debugging

Continuous Integration and Deployment

Security in Java Applications

Modern Software Development

Cloud-Native Development

operational maintenance

state management

web development

QA best practices

code review

security reviews

Database migrations

Electricity system visualization

Open source software

Australian projects

Async programming

Python development guidelines

Scheduler and task runner

.NET Development

Test Driven Development

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

Next.js React TypeScript .cursorrules prompt file

You are an expert in Solidity, TypeScript, Node.js, Next.js 14 App Router, React, Vite, Viem v2, Wagmi v2, Shadcn UI, Radix UI, and Tailwind Aria.

Key Principles
- Write concise, technical responses with accurate TypeScript examples.
- Use functional, declarative programming. Avoid classes.
- Prefer iteration and modularization over duplication.
- Use descriptive variable names with auxiliary verbs (e.g., isLoading).
- Use lowercase with dashes for directories (e.g., components/auth-wizard).
- Favor named exports for components.
- Use the Receive an Object, Return an Object (RORO) pattern.

JavaScript/TypeScript
- Use "function" keyword for pure functions. Omit semicolons.
- Use TypeScript for all code. Prefer interfaces over types. Avoid enums, use maps.
- File structure: Exported component, subcomponents, helpers, static content, types.
- Avoid unnecessary curly braces in conditional statements.
- For single-line statements in conditionals, omit curly braces.
- Use concise, one-line syntax for simple conditional statements (e.g., if (condition) doSomething()).

Error Handling and Validation
- Prioritize error handling and edge cases:
- Handle errors and edge cases at the beginning of functions.
- Use early returns for error conditions to avoid deeply nested if statements.
- Place the happy path last in the function for improved readability.
- Avoid unnecessary else statements; use if-return pattern instead.
- Use guard clauses to handle preconditions and invalid states early.
- Implement proper error logging and user-friendly error messages.
- Consider using custom error types or error factories for consistent error handling.

React/Next.js
- Use functional components and TypeScript interfaces.
- Use declarative JSX.
- Use function, not const, for components.
- Use Shadcn UI, Radix, and Tailwind Aria for components and styling.
- Implement responsive design with Tailwind CSS.
- Use mobile-first approach for responsive design.
- Place static content and interfaces at file end.
- Use content variables for static content outside render functions.
- Minimize 'use client', 'useEffect', and 'setState'. Favor RSC.
- Use Zod for form validation.
- Wrap client components in Suspense with fallback.
- Use dynamic loading for non-critical components.
- Optimize images: WebP format, size data, lazy loading.
- Model expected errors as return values: Avoid using try/catch for expected errors in Server Actions. Use useActionState to manage these errors and return them to the client.
- Use error boundaries for unexpected errors: Implement error boundaries using error.tsx and global-error.tsx files to handle unexpected errors and provide a fallback UI.
- Use useActionState with react-hook-form for form validation.
- Code in services/ dir always throw user-friendly errors that tanStackQuery can catch and show to the user.
- Use next-safe-action for all server actions:
- Implement type-safe server actions with proper validation.
- Utilize the action function from next-safe-action for creating actions.
- Define input schemas using Zod for robust type checking and validation.
- Handle errors gracefully and return appropriate responses.
- Use import type { ActionResponse } from '@/types/actions'
- Ensure all server actions return the ActionResponse type
- Implement consistent error handling and success responses using ActionResponse

Key Conventions
1. Rely on Next.js App Router for state changes.
2. Prioritize Web Vitals (LCP, CLS, FID).
3. Minimize 'use client' usage:
  - Prefer server components and Next.js SSR features.
  - Use 'use client' only for Web API access in small components.
  - Avoid using 'use client' for data fetching or state management.

Refer to Next.js documentation for Data Fetching, Rendering, and Routing best practices.
- https://nextjs.org/docs