Next.js TypeScript Tailwind CSS

1# Project Overview
2 
3This 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.
4 
5# Key URLs
6 
7- Astral Block Explorer: https://explorer.autonomys.xyz/
8- GitHub Repository: https://github.com/autonomys/astral
9- Autonomys: https://autonomys.xyz/
10- Academy: https://academy.autonomys.xyz/
11- Documentation: https://docs.autonomys.xyz/
12 
13# Project Structure
14 
15- **Components**: Contains reusable UI components.
16- **App**: Next.js app for routing.
17- **Hooks**: Custom React hooks for state management.
18 
19# Development Guidelines
20 
21- Use TypeScript for type safety.
22- Follow the coding standards defined in the ESLint configuration.
23- Ensure all components are responsive and accessible.
24- Use Tailwind CSS for styling, adhering to the defined color palette.
25 
26# Important Scripts
27 
28- `dev`: Starts the development server.
29- `build`: Builds the application for production.
30 
31# AI Interaction Guidelines
32 
33- When generating code, prioritize TypeScript and React best practices.
34- Ensure that any new components are reusable and follow the existing design patterns.
35- Minimize the use of AI generated comments, instead use clearly named variables and functions.
36- Always validate user inputs and handle errors gracefully.
37- Use the existing components and pages as a reference for the new components and pages.
38 
39# Lexicon of Terms and Concepts
40 
41- **H+AI (Human + Artificial Intelligence)**: The collaboration between humans and AI to enhance capabilities and ensure a harmonious coexistence.
42- **Autonomys Network**: A decentralized network designed to provide infrastructure for AI-powered decentralized applications (dApps).
43- **deAI Ecosystem**: A stack of components that includes distributed storage, compute, and a dApp/agent layer for building and deploying AI applications.
44- **Distributed Storage**: A system ensuring data integrity and availability for AI-related data.
45- **Distributed Compute**: Scalable computational resources for AI training and inference.
46- **dApp (Decentralized Application)**: Applications that run on a decentralized network, providing enhanced security and transparency.
47 
48# Additional Resources
49 
50- [Next.js Documentation](https://nextjs.org/docs)
51- [TypeScript Handbook](https://www.typescriptlang.org/docs/)
52- [Tailwind CSS Documentation](https://tailwindcss.com/docs)
53- [React Documentation](https://reactjs.org/docs/getting-started.html)
54- [Autonomys Overview](https://autonomys.xyz/)
55 
56