About .cursorrules prompt file
What you can build
Real-Time Collaboration Tool: Develop a web-based application that allows developers to collaboratively edit code in real-time using the latest technologies such as React, Node.js, and Tailwind CSS. The app supports integrations with GitHub and enables merging branches directly from the interface.
Interactive Documentation Platform: Create a platform that automatically generates interactive documentation for JavaScript and Node.js projects. It utilizes Next.js for server-side rendering, Tailwind CSS for styling, and TanStack Query for fetching data, enhancing user experience and SEO.
Dynamic E-commerce Platform: Design a headless e-commerce platform using Next.js, Shadcn UI, and Radix UI. It features a declarative checkout flow, detailed product pages, and a minimal client-side update framework with React Server Components for optimal performance.
Progressive Web App Framework: Build a PWAs framework optimized for speed and accessibility using Next.js and Tailwind. It abstracts common patterns and tools for server-side rendering, allows for flexible API integrations, and is suitable for building cross-platform applications.
Code Snippet Library: Develop a comprehensive library for common code snippets that can be readily included in projects using ES Modules and tree-shakable imports. The library prioritizes functional and declarative code patterns.
Data Visualization Dashboard: A dashboard for visualizing data sourced from various APIs using TanStack Query for data fetching and caching, coupled with advanced graphing libraries. Implements Radix UI components for accessibility and responsiveness, ensuring a seamless user experience.
Serverless Functions Management Tool: A web application to manage serverless functions deployment using Next.js, with integration into AWS Lambda and GCP Functions. It includes monitoring and logging capabilities with real-time updates to understand function performance and usage patterns.
AI-Powered Code Review Assistant: Develop a code review tool that utilizes AI to provide feedback on JavaScript codebases, focusing on code readability, performance optimizations, and best practices based on the latest standard conventions and patterns.
Virtual Learning Environment: Create an online platform for interactive coding courses using React and Next.js. Implement server-side rendering for enhanced learning material load times and utilize Radix UI for accessible and engaging UI components.
Developer Portfolio Builder: A service that allows junior developers to create professional portfolios using preset templates built with React and Tailwind. The tool offers customization options, supports integration of projects from GitHub, and allows custom domain settings.
Benefits
- Emphasizes using the latest technologies: Next.js App Router, Tanstack Query, Shadcn UI, Radix.
- Enforces specific naming conventions and coding style, like lowercase directories and no semicolons.
- Prioritizes clear code with functional patterns, detailed comments, and error-handling best practices.
Synopsis
Full-stack web developers can adopt this prompt to build efficient, modern web applications with a focus on maintainable, clean code.
Overview of .cursorrules prompt
The .cursorrules file provides guidelines for full-stack web developers, focusing on producing clear and readable code using the latest JavaScript technologies and frameworks like Node.js, Next.js, React, Tanstack Query, Shadcn UI, Radix UI, and Tailwind. It emphasizes using functional programming patterns, modularization, and idiomatic JavaScript while avoiding unnecessary code duplication. It outlines specific naming and formatting conventions, performance optimization practices, and error handling techniques. The file promotes writing descriptive comments and maintains coding consistency by addressing preferences on making minimal changes, referencing file names, and providing explanations for complex logic.
