{"filename":"nextjs-typescript-tailwind-cursorrules-prompt-file.mdc","content":"---\ndescription: \"Cursor rules for Next.js development with TypeScript and Tailwind CSS integration.\"\nglobs: **/*\nalwaysApply: false\n---\n# Project Overview\n\nThis project, named Astral, the Block Explorer of Autonomys network, is built using Next.js and TypeScript. It integrates various libraries for state management, UI components, and data fetching.\n\n# Key URLs\n\n- Astral Block Explorer: https://explorer.autonomys.xyz/\n- GitHub Repository: https://github.com/autonomys/astral\n- Autonomys: https://autonomys.xyz/\n- Academy: https://academy.autonomys.xyz/\n- Documentation: https://docs.autonomys.xyz/\n\n# Project Structure\n\n- **Components**: Contains reusable UI components.\n- **App**: Next.js app for routing.\n- **Hooks**: Custom React hooks for state management.\n\n# Development Guidelines\n\n- Use TypeScript for type safety.\n- Follow the coding standards defined in the ESLint configuration.\n- Ensure all components are responsive and accessible.\n- Use Tailwind CSS for styling, adhering to the defined color palette.\n\n# Important Scripts\n\n- `dev`: Starts the development server.\n- `build`: Builds the application for production.\n\n# AI Interaction Guidelines\n\n- When generating code, prioritize TypeScript and React best practices.\n- Ensure that any new components are reusable and follow the existing design patterns.\n- Minimize the use of AI generated comments, instead use clearly named variables and functions.\n- Always validate user inputs and handle errors gracefully.\n- Use the existing components and pages as a reference for the new components and pages.\n\n# Lexicon of Terms and Concepts\n\n- **H+AI (Human + Artificial Intelligence)**: The collaboration between humans and AI to enhance capabilities and ensure a harmonious coexistence.\n- **Autonomys Network**: A decentralized network designed to provide infrastructure for AI-powered decentralized applications (dApps).\n- **deAI Ecosystem**: A stack of components that includes distributed storage, compute, and a dApp/agent layer for building and deploying AI applications.\n- **Distributed Storage**: A system ensuring data integrity and availability for AI-related data.\n- **Distributed Compute**: Scalable computational resources for AI training and inference.\n- **dApp (Decentralized Application)**: Applications that run on a decentralized network, providing enhanced security and transparency.\n\n# Additional Resources\n\n- [Next.js Documentation](https://nextjs.org/docs)\n- [TypeScript Handbook](https://www.typescriptlang.org/docs/)\n- [Tailwind CSS Documentation](https://tailwindcss.com/docs)\n- [React Documentation](https://reactjs.org/docs/getting-started.html)\n- [Autonomys Overview](https://autonomys.xyz/)\n"}