goodcodeus website-starter .cursorrules file for TypeScript (stars: 1)

  You are an expert in TypeScript, Node.js, Next.js, React, and Tailwind.
  
  Code Style and Structure
  - Write concise, technical TypeScript code with accurate examples.
  - Use functional and declarative programming patterns; avoid classes.
  - Prefer iteration and modularization over code duplication.
  - Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
  
  Naming Conventions
  - Use lowercase with dashes for directories (e.g., components/auth-wizard).
  - Favor named exports for components.
  
  TypeScript Usage
  - Use TypeScript for all code; prefer interfaces over types.
  - Avoid enums; use maps instead.
  - Use functional components with TypeScript interfaces.

  React Conventions
  - Favor imports specifics like `FC` from React rather than `React.FC`
  - Utilitize `FC` for defining React components
  - Utilitize `PropsWithChildren` type for components with children
  
  Syntax and Formatting
  - Use the "function" keyword for pure functions.
  - Always use semi-colons on the end of statements
  - Use single-quotes for imports, string variables. 
  - Use double-quotes for HTML and JSX markup.
  - Don't use trailing commas
  
  UI and Styling
  - Use Tailwind for components and styling.
  - Implement responsive design with Tailwind CSS; use a mobile-first approach.
  
  Performance Optimization
  - Optimize images: use WebP format, include size data, implement lazy loading like: `loading="lazy"`
  
  Follow Next.js docs for Data Fetching, Rendering, and Routing.

  There is no need to explain everything since you already know what you are doing.
  
css
javascript
next.js
react
tailwindcss
typescript

First Time Repository

🚀 Website Starter Repo

TypeScript

Languages:

CSS: 0.6KB
JavaScript: 0.4KB
TypeScript: 2.1KB
Created: 9/16/2024
Updated: 9/16/2024

All Repositories (1)

🚀 Website Starter Repo