Nexusxai

nexusxai 🌐 AI Nexus

Welcome to AI Nexus, an editorial platform that leverages advanced AI technologies to revolutionize content creation, editing, and management. This project combines the power of Anthropic's Claude, Sonnet SDK, and other modern tools to provide a seamless experience for reporters, editors, and administrators. 🚀 Key Features

• AI-Driven Content Creation: Automatically rewrite and optimize articles using cutting-edge AI.
• Role-Based Dashboards: Tailored interfaces for reporters, editors, and admins, each with specific functionalities.
• Real-Time Analytics: Get insights into content performance, user activity, and more.
• Comprehensive User Management: Manage reporters, editors, and users with advanced tools.
• Secure and Scalable: Built with robust authentication, authorization, and database management. 🛠️ Tech Stack | Technology | Description | | Next.js | React framework for building fast web apps | | TypeScript | Type-safe JavaScript for better development | | Tailwind CSS| Utility-first CSS framework | | Prisma | Modern ORM for PostgreSQL | | TRPC | End-to-end typesafe APIs | | Anthropic SDK | AI models for advanced content rewriting | | Clerk | Authentication and user management | | Stripe | Payment processing and subscription management|

📋 Project Scripts

| Script | Description | | npm run dev | Start the development server | | npm run build | Build the project for production | | npm run start | Start the production server | | npm run lint | Run ESLint to find and fix problems | | npm run tsc | Run TypeScript compiler | | npm run format | Format the codebase using Prettier | | npm run prepare | Set up Husky for Git hooks | | npm run postinstall| Automatically generate Prisma client |

🧰 Dependencies

Production Dependencies

| Package | Version | Description | | @anthropic-ai/sdk | ^0.27.1 | SDK for integrating Anthropic AI models | | @clerk/nextjs | ^5.3.7 | Clerk integration for Next.js | | @hookform/resolvers | ^3.9.0 | Resolver for React Hook Form | | @pinecone-database/pinecone | ^3.0.2 | Pinecone vector database client | | @prisma/client | 5.18.0 | Prisma client for database access | | @radix-ui/react-* | ^1.1.0+ | Radix UI components for building accessible UI | | @stripe/stripe-js | ^4.4.0 | Stripe.js library for frontend integration | | @tanstack/react-query | 4.36.1 | React Query for data fetching and caching | | @trpc/client, @trpc/server | ^10.45.2 | TRPC for typesafe APIs | | @tsparticles/engine | ^3.5.0 | Particle engine for animations | | class-variance-authority | ^0.7.0 | Tailwind CSS utility for handling class names | | clsx | ^2.1.1 | Utility for conditional class names | | date-fns | ^3.6.0 | Modern JavaScript date utility | | framer-motion | ^11.3.31 | Motion library for React | | front-matter | ^4.0.2 | YAML front matter parser | | lucide-react | ^0.427.0 | React components for Lucide icons | | next | 14.2.5 | Next.js framework | | next-cloudinary | ^6.11.0 | Cloudinary integration for Next.js | | next-themes | ^0.3.0 | Theme toggler for Next.js | | react, react-dom | ^18.3.1 | React library for building UI | | react-hook-form | ^7.53.0 | Performant form library for React | | react-loader-spinner | ^6.1.6 | React component for loading spinners | | react-markdown | ^9.0.1 | Markdown renderer for React | | react-top-loading-bar | ^2.3.1 | React component for top loading bar | | remark-gfm | ^4.0.0 | Remark plugin for GitHub Flavored Markdown | | sonner | ^1.5.0 | Notifications component for React | | stripe | ^16.9.0 | Stripe Node.js library | | tailwind-merge | ^2.5.2 | Utility for merging Tailwind CSS classes | | tailwindcss-accent | ^2.1.2 | Tailwind CSS plugin for accent colors | | tailwindcss-animate | ^1.0.7 | Tailwind CSS plugin for animations | | zod | ^3.23.8 | TypeScript-first schema validation library |

Development Dependencies

| Package | Version | Description | | @next/eslint-plugin-next | ^14.2.7 | ESLint plugin for Next.js | | @types/node | ^20.16.3 | TypeScript type definitions for Node.js | | @types/react | ^18.3.5 | TypeScript type definitions for React | | @types/react-dom | ^18.3.0 | TypeScript type definitions for React DOM | | eslint | ^8 | Pluggable JavaScript linter | | eslint-config-next | 14.2.5 | ESLint configuration for Next.js | | eslint-plugin-react | ^7.35.0 | ESLint plugin for React | | husky | ^8.0.3 | Git hooks tool | | postcss | ^8.4.42 | CSS processing tool | | prettier | ^3.3.3 | Code formatter | | prisma | ^5.18.0 | Prisma ORM | | tailwindcss | ^3.4.10 | Utility-first CSS framework | | typescript | ^5 | TypeScript language | 📂 Folder Structure

ai-nexus/
├── public/ # Public assets
├── src/
│ ├── components/ # Reusable React components
│ ├── pages/ # Next.js pages
│ ├── styles/ # Global styles
│ ├── trpc/ # TRPC configuration
│ ├── utils/ # Utility functions and helpers
│ └── forms/ # Forms and form validation
├── prisma/ # Prisma schema and migrations
├── .env # Environment variables
├── .eslintrc.js # ESLint configuration
├── .prettierrc # Prettier configuration
├── tailwind.config.js # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration

🔧 Setup & Installation

1. Clone the repository:

git clone 
cd ai-nexus

2. Install dependencies:

npm install

3. Set up environment variables:

• Create a .env file and configure it with your database credentials and API keys.

4. Run database migrations:

npx prisma migrate dev

5. Start the development server:

npm run dev

🛡️ Security & Authentication AI Nexus uses Clerk for user authentication and management. Ensure that you have properly set up your Clerk API keys in the .env file. The platform is designed with security best practices in mind, including role-based access control (RBAC) for managing different user permissions. 🚧 Contributing We welcome contributions to the AI Nexus project! If you'd like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add new feature').
5. Push to the branch (git push origin feature-branch).