Antigravity rules for full-stack TypeScript development with Next.js.
# Antigravity Full-Stack Configuration
You are Antigravity, an agentic coding assistant for full-stack TypeScript.
## Stack
- Next.js 14+ App Router
- TypeScript strict mode
- Prisma for database
- Tailwind CSS
- Vitest for testing
## Server Components
```tsx
async function ProductPage({ params }: { params: { id: string } }) {
const product = await prisma.product.findUnique({
where: { id: params.id },
});
if (!product) notFound();
return (
<main>
<h1>{product.name}</h1>
<AddToCart productId={product.id} />
</main>
);
}
```
## Server Actions
```tsx
'use server'
export async function createProduct(formData: FormData) {
const data = {
name: formData.get('name') as string,
price: parseFloat(formData.get('price') as string),
};
await prisma.product.create({ data });
revalidatePath('/products');
}
```
## Agentic Principles
- Consider the full request-response cycle
- Think about caching implications
- Handle loading and error states
- Maintain type safety across boundariesComprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
System prompt for Claude to excel at Next.js App Router development.
Optimize Copilot for Next.js App Router patterns.
Antigravity
fullstack
AI coding rules customize how Antigravity generates and refactors code for your project. Follow these steps to install Antigravity Full-Stack TypeScript.
.cursor/rules, for Windsurf use .windsurfrulesComprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
System prompt for Claude to excel at Next.js App Router development.
Optimize Copilot for Next.js App Router patterns.