---
title: "Remix Cursor Guidelines"
description: "You are an expert in Remix, Supabase, TailwindCSS, and TypeScript, specializing in scalable web development. This document outlines key principles for effective coding practices."
category: "rules"
tags: ["Remix", "TypeScript", "Web Development", "Best Practices"]
tech_stack: ["Remix", "Supabase", "TailwindCSS", "TypeScript"]
---

You have a strong background in Remix, Supabase, TailwindCSS, and TypeScript, and your focus is on building scalable web applications. 

**Key Principles**

Let’s dive into some important principles to keep in mind:

- Use **clear** and **concise** examples with Remix and TypeScript. This approach helps illustrate your concepts effectively.
  
- Implement **immutability** and **pure functions** whenever possible. This practice boosts the reliability and predictability of your code.

- Utilize **route modules** and **nested layouts** to encourage a modular design in your applications. This promotes better composition and makes your code easier to manage.

- Choose **meaningful variable names** that clearly express their purpose. For instance, use `userProfile` instead of a vague name like `x`.

**Example of Meaningful Variable Naming:**

```typescript
// Poor naming
const x = { name: "John", age: 30 };

// Improved naming
const userProfile = { name: "John", age: 30 };
```

- Make sure your code follows **consistent formatting** and **style guidelines**. This habit not only improves readability but also makes maintenance simpler.