Best Practices & Code Quality
@belguteitsevegmed/v0-solar-website-cursor-rules-best-practices-mdc
•
Next.js development with comprehensive testing strategies
prpm install @belguteitsevegmed/v0-solar-website-cursor-rules-best-practices-mdc%20principle%0A-%20Keep%20components%20small%20and%20focused%20(single%20responsibility)%0A-%20Use%20meaningful%20variable%20and%20function%20names%0A-%20Add%20comments%20for%20complex%20logic%20only%0A%0A%23%23%23%20Formatting%0A%0A-%20Use%202%20spaces%20for%20indentation%0A-%20Use%20double%20quotes%20for%20strings%20(TypeScript%2FReact%20convention)%0A-%20Use%20semicolons%20(enforced%20by%20Prettier%2FESLint)%0A-%20Keep%20lines%20under%20100%20characters%20when%20reasonable%0A%0A%23%23%20Performance%20Optimization%0A%0A%23%23%23%20Next.js%20App%20Router%0A%0A-%20**Default%20to%20Server%20Components**%20-%20only%20use%20%22use%20client%22%20when%20necessary%0A-%20Use%20%60loading.tsx%60%20for%20loading%20states%0A-%20Implement%20proper%20error%20boundaries%20with%20%60error.tsx%60%0A-%20Use%20%60generateMetadata%60%20for%20dynamic%20SEO%0A%0A%23%23%23%20React%20Optimization%0A%0A-%20Avoid%20unnecessary%20re-renders%0A-%20Use%20%60useMemo%60%20and%20%60useCallback%60%20sparingly%20(only%20when%20profiling%20shows%20issues)%0A-%20Keep%20state%20close%20to%20where%20it's%20used%0A-%20Lazy%20load%20heavy%20components%20with%20%60dynamic%60%20from%20%60next%2Fdynamic%60%0A%0A%23%23%23%20Images%0A%0AUse%20Next.js%20Image%20component%3A%0A%0A%60%60%60typescript%0Aimport%20Image%20from%20%22next%2Fimage%22%3B%0A%0A%3CImage%0A%20%20src%3D%22%2Fimage.jpg%22%0A%20%20alt%3D%22Description%22%0A%20%20width%3D%7B500%7D%0A%20%20height%3D%7B300%7D%0A%20%20priority%3D%7Bfalse%7D%0A%2F%3E%3B%0A%60%60%60%0A%0A%23%23%20File%20Organization%0A%0A%23%23%23%20Imports%20Order%0A%0A1.%20React%2FNext.js%20imports%0A2.%20Third-party%20libraries%0A3.%20Local%20components%20(using%20%40%2F%20alias)%0A4.%20Utilities%20and%20helpers%0A5.%20Types%2Finterfaces%0A6.%20Styles%0A%0A%60%60%60typescript%0Aimport%20%7B%20useState%20%7D%20from%20%22react%22%3B%0Aimport%20%7B%20useForm%20%7D%20from%20%22react-hook-form%22%3B%0Aimport%20%7B%20Button%20%7D%20from%20%22%40%2Fcomponents%2Fui%2Fbutton%22%3B%0Aimport%20%7B%20cn%20%7D%20from%20%22%40%2Flib%2Futils%22%3B%0Aimport%20type%20%7B%20MyType%20%7D%20from%20%22%40%2Ftypes%22%3B%0A%60%60%60%0A%0A%23%23%20Git%20Practices%0A%0A-%20Write%20clear%2C%20descriptive%20commit%20messages%0A-%20Keep%20commits%20atomic%20(one%20logical%20change%20per%20commit)%0A-%20Review%20changes%20before%20committing%0A-%20This%20project%20syncs%20with%20v0.app%20deployments%0A%0A%23%23%20Testing%20%26%20Debugging%0A%0A-%20Test%20components%20in%20different%20states%20(loading%2C%20error%2C%20success)%0A-%20Test%20responsive%20design%20at%20different%20breakpoints%0A-%20Use%20TypeScript's%20strict%20mode%20to%20catch%20errors%20early%0A-%20Use%20React%20DevTools%20for%20debugging%0A%0A%23%23%20Accessibility%20(a11y)%0A%0A-%20Use%20semantic%20HTML%20(%60%3Cheader%3E%60%2C%20%60%3Cmain%3E%60%2C%20%60%3Cnav%3E%60%2C%20%60%3Csection%3E%60)%0A-%20Include%20alt%20text%20for%20images%0A-%20Ensure%20proper%20heading%20hierarchy%20(h1%20%E2%86%92%20h2%20%E2%86%92%20h3)%0A-%20Test%20keyboard%20navigation%20(Tab%2C%20Enter%2C%20Escape)%0A-%20Use%20ARIA%20attributes%20when%20necessary%0A-%20Maintain%20color%20contrast%20ratios%20(WCAG%20AA%20minimum)%0A%0A%23%23%20Security%0A%0A-%20Never%20commit%20API%20keys%20or%20secrets%0A-%20Use%20environment%20variables%20for%20sensitive%20data%0A-%20Validate%20all%20user%20input%20(use%20Zod%20schemas)%0A-%20Sanitize%20data%20before%20rendering%0A-%20Use%20server%20actions%20for%20sensitive%20operations%0A%0A%23%23%20Documentation%0A%0A-%20Document%20complex%20algorithms%20or%20business%20logic%0A-%20Keep%20README%20up%20to%20date%0A-%20Use%20JSDoc%20comments%20for%20exported%20functions%2Fcomponents%0A-%20Add%20inline%20comments%20for%20non-obvious%20code%0A%0A%23%23%20Dependencies%0A%0A-%20Keep%20dependencies%20up%20to%20date%20(but%20test%20updates)%0A-%20Use%20exact%20versions%20in%20production%0A-%20Avoid%20adding%20unnecessary%20dependencies%0A-%20Use%20pnpm%20for%20all%20package%20management%0A){kind=link}
%20principle%0A-%20Keep%20components%20small%20and%20focused%20(single%20responsibility)%0A-%20Use%20meaningful%20variable%20and%20function%20names%0A-%20Add%20comments%20for%20complex%20logic%20only%0A%0A%23%23%23%20Formatting%0A%0A-%20Use%202%20spaces%20for%20indentation%0A-%20Use%20double%20quotes%20for%20strings%20(TypeScript%2FReact%20convention)%0A-%20Use%20semicolons%20(enforced%20by%20Prettier%2FESLint)%0A-%20Keep%20lines%20under%20100%20characters%20when%20reasonable%0A%0A%23%23%20Performance%20Optimization%0A%0A%23%23%23%20Next.js%20App%20Router%0A%0A-%20**Default%20to%20Server%20Components**%20-%20only%20use%20%22use%20client%22%20when%20necessary%0A-%20Use%20%60loading.tsx%60%20for%20loading%20states%0A-%20Implement%20proper%20error%20boundaries%20with%20%60error.tsx%60%0A-%20Use%20%60generateMetadata%60%20for%20dynamic%20SEO%0A%0A%23%23%23%20React%20Optimization%0A%0A-%20Avoid%20unnecessary%20re-renders%0A-%20Use%20%60useMemo%60%20and%20%60useCallback%60%20sparingly%20(only%20when%20profiling%20shows%20issues)%0A-%20Keep%20state%20close%20to%20where%20it's%20used%0A-%20Lazy%20load%20heavy%20components%20with%20%60dynamic%60%20from%20%60next%2Fdynamic%60%0A%0A%23%23%23%20Images%0A%0AUse%20Next.js%20Image%20component%3A%0A%0A%60%60%60typescript%0Aimport%20Image%20from%20%22next%2Fimage%22%3B%0A%0A%3CImage%0A%20%20src%3D%22%2Fimage.jpg%22%0A%20%20alt%3D%22Description%22%0A%20%20width%3D%7B500%7D%0A%20%20height%3D%7B300%7D%0A%20%20priority%3D%7Bfalse%7D%0A%2F%3E%3B%0A%60%60%60%0A%0A%23%23%20File%20Organization%0A%0A%23%23%23%20Imports%20Order%0A%0A1.%20React%2FNext.js%20imports%0A2.%20Third-party%20libraries%0A3.%20Local%20components%20(using%20%40%2F%20alias)%0A4.%20Utilities%20and%20helpers%0A5.%20Types%2Finterfaces%0A6.%20Styles%0A%0A%60%60%60typescript%0Aimport%20%7B%20useState%20%7D%20from%20%22react%22%3B%0Aimport%20%7B%20useForm%20%7D%20from%20%22react-hook-form%22%3B%0Aimport%20%7B%20Button%20%7D%20from%20%22%40%2Fcomponents%2Fui%2Fbutton%22%3B%0Aimport%20%7B%20cn%20%7D%20from%20%22%40%2Flib%2Futils%22%3B%0Aimport%20type%20%7B%20MyType%20%7D%20from%20%22%40%2Ftypes%22%3B%0A%60%60%60%0A%0A%23%23%20Git%20Practices%0A%0A-%20Write%20clear%2C%20descriptive%20commit%20messages%0A-%20Keep%20commits%20atomic%20(one%20logical%20change%20per%20commit)%0A-%20Review%20changes%20before%20committing%0A-%20This%20project%20syncs%20with%20v0.app%20deployments%0A%0A%23%23%20Testing%20%26%20Debugging%0A%0A-%20Test%20components%20in%20different%20states%20(loading%2C%20error%2C%20success)%0A-%20Test%20responsive%20design%20at%20different%20breakpoints%0A-%20Use%20TypeScript's%20strict%20mode%20to%20catch%20errors%20early%0A-%20Use%20React%20DevTools%20for%20debugging%0A%0A%23%23%20Accessibility%20(a11y)%0A%0A-%20Use%20semantic%20HTML%20(%60%3Cheader%3E%60%2C%20%60%3Cmain%3E%60%2C%20%60%3Cnav%3E%60%2C%20%60%3Csection%3E%60)%0A-%20Include%20alt%20text%20for%20images%0A-%20Ensure%20proper%20heading%20hierarchy%20(h1%20%E2%86%92%20h2%20%E2%86%92%20h3)%0A-%20Test%20keyboard%20navigation%20(Tab%2C%20Enter%2C%20Escape)%0A-%20Use%20ARIA%20attributes%20when%20necessary%0A-%20Maintain%20color%20contrast%20ratios%20(WCAG%20AA%20minimum)%0A%0A%23%23%20Security%0A%0A-%20Never%20commit%20API%20keys%20or%20secrets%0A-%20Use%20environment%20variables%20for%20sensitive%20data%0A-%20Validate%20all%20user%20input%20(use%20Zod%20schemas)%0A-%20Sanitize%20data%20before%20rendering%0A-%20Use%20server%20actions%20for%20sensitive%20operations%0A%0A%23%23%20Documentation%0A%0A-%20Document%20complex%20algorithms%20or%20business%20logic%0A-%20Keep%20README%20up%20to%20date%0A-%20Use%20JSDoc%20comments%20for%20exported%20functions%2Fcomponents%0A-%20Add%20inline%20comments%20for%20non-obvious%20code%0A%0A%23%23%20Dependencies%0A%0A-%20Keep%20dependencies%20up%20to%20date%20(but%20test%20updates)%0A-%20Use%20exact%20versions%20in%20production%0A-%20Avoid%20adding%20unnecessary%20dependencies%0A-%20Use%20pnpm%20for%20all%20package%20management%0A){kind=link}
0 total downloads
💡 Suggested Test Inputs
Loading suggested inputs...
🎯 Community Test Results
Loading results...
📦 Package Info
- Format
- cursor
- Type
- rule
- Category
- testing