ChannelX is a modern, extensible platform for building and managing online communities, channels, or marketplaces. Designed for flexibility and scalability, ChannelX empowers creators and organizations to launch, grow, and monetize their own digital spaces with ease.
- 🚀 Next.js 15 & React 18: Fast, SEO-friendly, and scalable architecture.
- 🎨 Tailwind CSS & shadcn/ui: Beautiful, customizable UI components.
- 🔐 Authentication: Secure login and signup flows.
- 📊 Dashboard: Analytics and management tools for admins and users.
- 🛒 Marketplace: List, discover, and interact with digital products or channels.
- 🧩 Modular Components: Easily extend or customize with reusable React components.
- 🗓️ Date Handling: Robust date utilities with date-fns.
- ⚡ TypeScript: Type-safe codebase for reliability and maintainability.
-
Clone the repository:
git clone https://github.com/your-username/channelx.git cd channelx -
Install dependencies:
npm install # or pnpm install -
Start the development server:
npm run dev # or pnpm dev -
Open your browser:
Visit http://localhost:3000
channelx/
├── app/ # Next.js app directory (routing, layouts, pages)
│ ├── dashboard/
│ ├── marketplace/
│ ├── auth/
│ ├── globals.css
│ └── layout.tsx
├── components/ # Reusable UI components
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
├── public/ # Static assets (images, icons, etc.)
├── tailwind.config.ts # Tailwind CSS configuration
├── package.json
└── README.md # Project documentation
-
Branding:
Updateapp/layout.tsxfor site title and description.
Replace logos and images inpublic/. -
UI:
Edit styles inapp/globals.cssortailwind.config.ts.
Customize or add components incomponents/. -
Features:
Extend functionality by adding new pages, API routes, or hooks.
Contributions are welcome! Please open issues or submit pull requests for improvements and bug fixes.
This project is open source and available under the MIT License.
Created by