BitSage Network is building the future of verifiable computing - a decentralized GPU compute marketplace that combines the power of distributed computing with cryptographic verification. Our platform enables creators, developers, and enterprises to access professional-grade GPU compute while ensuring computational integrity through our hybrid verification model.
- 🔐 Hybrid Verification: Combining ZK proofs, deterministic recomputation, and TEE attestation
- 🎨 Creator-Focused: Optimized for rendering, AI training, and game development
- 🌐 Decentralized: Distributed network of GPU providers worldwide
- 🤖 AI-Powered: Sage AI assistants for workflow optimization
- 💎 Token Economy: Powered by the $SAGE token ecosystem
This website is built with modern web technologies:
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- 3D Graphics: Three.js & React Three Fiber
- Icons: Lucide React
- Deployment: Vercel
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/Bitsage-Network/bitsage-website.git
cd bitsage-website
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 to view the website.
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLint
npm run type-check # Run TypeScript checkssrc/
├── app/ # Next.js App Router pages
│ ├── (auth)/ # Authentication pages
│ ├── blog/ # Blog articles
│ ├── careers/ # Job postings
│ ├── docs/ # Documentation
│ └── ... # Other pages
├── components/ # Reusable React components
│ ├── ui/ # Base UI components
│ ├── sections/ # Page sections
│ └── ... # Feature components
├── lib/ # Utility functions and configurations
├── store/ # State management
└── types/ # TypeScript type definitions
public/
├── images/ # Static images
├── blog/ # Blog post images
├── icons/ # Icon assets
└── ... # Other static assets
Our design system is built on:
- Colors: Cosmic theme with deep blues, purples, and cyan accents
- Typography: Modern, clean fonts optimized for readability
- Components: Reusable, accessible components with consistent styling
- Animations: Smooth, purposeful animations that enhance UX
- Responsive: Mobile-first design that works on all devices
Blog posts are managed as React components in src/app/blog/. Each post includes:
- SEO-optimized metadata
- Social media sharing integration
- AI-generated featured images
- Related articles suggestions
- Blog Post: Create a new directory in
src/app/blog/[slug]/ - Page: Add new route in
src/app/ - Component: Add reusable components in
src/components/
Create a .env.local file for local development:
# Add any required environment variables here
NEXT_PUBLIC_SITE_URL=http://localhost:3000The website is optimized for deployment on Vercel:
- Connect your GitHub repository to Vercel
- Configure environment variables in Vercel dashboard
- Deploy automatically on every push to main branch
We welcome contributions from the community! Here's how you can help:
- Fork the repository
- Clone your fork locally
- Create a new branch for your feature
- Make your changes
- Test thoroughly
- Submit a pull request
- Follow the existing code style and conventions
- Write clear, descriptive commit messages
- Add tests for new features
- Update documentation as needed
- Ensure all checks pass before submitting PR
- 🐛 Bug Fixes: Help us squash bugs
- ✨ Features: Add new functionality
- 📚 Documentation: Improve our docs
- 🎨 Design: Enhance UI/UX
- 🌐 Translations: Help us go global
- ♿ Accessibility: Make the site more accessible
This website is optimized for performance:
- Lighthouse Score: 95+ across all metrics
- Core Web Vitals: Excellent ratings
- Bundle Size: Optimized with code splitting
- Images: Next.js Image optimization
- Caching: Aggressive caching strategies
Security is a top priority:
- HTTPS: All traffic encrypted
- CSP: Content Security Policy implemented
- Dependencies: Regular security audits
- Best Practices: Following OWASP guidelines
- Performance: Real User Monitoring (RUM)
- Errors: Automatic error tracking
- Usage: Privacy-focused analytics
- Uptime: 99.9% uptime monitoring
- Enhanced mobile experience
- Advanced search functionality
- Multi-language support
- Improved accessibility
- Interactive demos
- Advanced animations
- Community features
- API documentation portal
- Real-time network statistics
- Provider onboarding flow
- Advanced filtering
- Performance dashboard
This project is licensed under the MIT License - see the LICENSE file for details.
- Next.js Team for the amazing framework
- Tailwind CSS for the utility-first CSS framework
- Vercel for seamless deployment
- Open Source Community for inspiration and tools
- BitSage Community for feedback and support
Need help? We're here for you:
- 💬 Discord: Join our community
- 📧 Email: support@bitsage.network
- 🐦 Twitter: @bitsagenetwork
- 📚 Docs: docs.bitsage.network