All databases

Cursor rule

Solidjs Basic Cursorrules Prompt File

Cursor rules for Solid.js development with basic setup.

Prefer functional components

js
const preferFunctionalComponents = true;

Solid.js best practices

js
const solidjsBestPractices = [
  "Use createSignal() for reactive state",
  "Utilize createEffect() for side effects",
  "Implement createMemo() for derived values",
  "Use createResource() for data fetching",
  "Implement Show and For components for conditional and list rendering",
  "Utilize createStore() for complex state management",
];

Folder structure

js
const folderStructure = `
src/
  components/
  pages/
  utils/
  App.jsx
  index.jsx
public/
  index.html
`;

Additional instructions

js
const additionalInstructions = `
1. Use JSX for component templates
2. Implement proper error boundaries
3. Utilize Solid Router for routing when applicable
4. Use Solid's built-in optimization features
5. Implement lazy-loading for improved performance
6. Follow Solid.js naming conventions and best practices
7. Use server-side rendering (SSR) when needed
`;

More Frontend rules

Frequently asked questions

What is the Solidjs Basic Cursorrules Prompt File Cursor rule?

Cursor rules for Solid.js development with basic setup. It is a Frontend rule, stored as solidjs-basic-cursorrules-prompt-file.mdc.

How do I use the Solidjs Basic Cursorrules Prompt File rule in Cursor?

Copy the rule from this page and save it as solidjs-basic-cursorrules-prompt-file.mdc in your project's .cursor/rules folder, or paste it into Cursor's project rules settings.