Qwik Basic

1// Qwik.js Basic Setup (with TypeScript and Vite) .cursorrules
2 
3// Prefer functional components
4 
5const preferFunctionalComponents = true;
6 
7// Qwik.js best practices
8 
9const qwikBestPractices = [
10  "Use $ suffix for lazy-loaded functions",
11  "Utilize useSignal() for reactive state",
12  "Implement useStore() for complex state objects",
13  "Use useResource$() for data fetching",
14  "Implement useTask$() for side effects",
15  "Utilize useVisibleTask$() for browser-only code",
16  "Leverage TypeScript for type safety",
17  "Use Vite's fast HMR for development",
18];
19 
20// Folder structure
21 
22const folderStructure = `
23src/
24  components/
25  routes/
26  global.css
27  root.tsx
28  entry.ssr.tsx
29public/
30vite.config.ts
31tsconfig.json
32`;
33 
34// Additional instructions
35 
36const additionalInstructions = `
371. Use TypeScript for all .ts and .tsx files
382. Implement proper error boundaries
393. Utilize Qwik City for routing when applicable
404. Use Qwik's built-in optimization features
415. Implement lazy-loading for improved performance
426. Follow Qwik's naming conventions and best practices
437. Use server$ for server-side code execution
448. Leverage Vite plugins for optimized builds
45`;
46 
47