Skip to content

Official website for Shugur Relay - Production-ready Nostr infrastructure. Built with SvelteKit and Tailwind CSS.

Notifications You must be signed in to change notification settings

Shugur-Network/website

Repository files navigation

Shugur Relay Website

Official website for Shugur Relay - a production-ready Nostr relay built with Go and CockroachDB for enterprise-grade reliability and performance.

🌐 Live Website

Production: https://shugur-network.github.io/Relay-Website/

πŸš€ About Shugur Relay

Shugur Relay is a high-performance, distributed Nostr relay designed for production environments. It enables censorship-resistant social networks with high availability, automatic failover, and universal client compatibility.

Key Features

  • Enterprise-Ready: Built for production environments with advanced operational features
  • Universal Compatibility: Works with all major Nostr clients through comprehensive protocol support
  • Distributed Architecture: Multi-node relay cluster with real-time synchronization and automatic failover
  • Enhanced Operations: Real-time monitoring, advanced logging, and intelligent configuration
  • Quick Deployment: Enhanced installation scripts with interactive setup and error handling

πŸ› οΈ Technology Stack

  • Framework: SvelteKit with TypeScript
  • Styling: Tailwind CSS for responsive design
  • Design System: @shugur/design-system for consistent UI components
  • Icons: Lucide Svelte for beautiful iconography
  • Fonts: League Spartan for Shugur branding
  • Deployment: Netlify with automatic builds
  • Static Generation: Pre-rendered for optimal performance
  • Relay Architecture: Distributed multi-node cluster with high availability

πŸ†• Latest Relay Features (v1.3.3)

The website showcases the latest Shugur Relay capabilities:

  • Universal Client Compatibility: Comprehensive Nostr protocol support for all major clients
  • Real-time Monitoring: Built-in metrics API with live performance dashboards
  • Enhanced Event Processing: Advanced event dispatcher with optimized throughput
  • Intelligent Configuration: Configurable content limits and smart resource management
  • Advanced Logging: Comprehensive logging system with detailed insights
  • Enhanced Installation: Interactive setup modes with error handling and health checks

πŸ“– Documentation

πŸƒ Quick Start

# Clone the repository
git clone https://github.com/Shugur-Network/Relay-Website.git
cd Relay-Website

# Install dependencies
npm install

# Start development server
npm run dev

# Open http://localhost:5173 in your browser

πŸ“¦ Available Scripts

# Development
npm run dev              # Start dev server with hot reload
npm run dev -- --host    # Expose dev server to network

# Building
npm run build            # Build for production
npm run preview          # Preview production build locally

# Code Quality
npm run check            # Run Svelte type checking
npm run check:watch      # Watch mode for type checking
npm run lint             # Run ESLint
npm run format           # Format code with Prettier

πŸ“ Project Structure

src/
β”œβ”€β”€ routes/                    # SvelteKit routes
β”‚   β”œβ”€β”€ +layout.svelte        # Global layout with navigation
β”‚   β”œβ”€β”€ +layout.ts            # Layout configuration (prerender)
β”‚   β”œβ”€β”€ +page.svelte          # Homepage
β”‚   └── about-nostr/          
β”‚       └── +page.svelte      # About Nostr detailed page
β”œβ”€β”€ lib/
β”‚   └── components/           # Website-specific components
β”‚       β”œβ”€β”€ Navigation.svelte # Header with logo and navigation
β”‚       β”œβ”€β”€ VersionBanner.svelte # Dismissible version announcements
β”‚       β”œβ”€β”€ Hero.svelte       # Landing hero section
β”‚       β”œβ”€β”€ Features.svelte   # Key features showcase
β”‚       β”œβ”€β”€ Installation.svelte # Enhanced installation instructions
β”‚       β”œβ”€β”€ Architecture.svelte # Technical overview
β”‚       └── Footer.svelte     # Site footer
β”œβ”€β”€ app.html                  # HTML template with fonts
β”œβ”€β”€ app.css                   # Global styles and logo CSS
└── ...
static/
β”œβ”€β”€ favicon.ico              # Site favicon
└── shugur-logo.svg          # Shugur brand logo

Note: The website focuses on business benefits and user value, with detailed technical documentation available at docs.shugur.com.

🎨 Design System

The Shugur Design System has been moved to its own dedicated repository for better reusability and maintenance:

Repository: Shugur-Network/design-system

Installation

npm install @shugur/design-system

Usage

import { Button, Card, Navigation, Hero, Features, Footer } from '@shugur/design-system';

Features

  • 6 Core Components: Button, Card, Navigation, Hero, Features, Footer
  • Complete Design Tokens: Colors, typography, spacing, animations
  • Accessibility: WCAG 2.1 AA compliant
  • Responsive Design: Mobile-first approach
  • TypeScript Support: Full type definitions included

For detailed documentation, examples, and usage guides, visit the design system repository.

πŸš€ Deployment

Automatic Deployment

  • Platform: Netlify
  • Trigger: Push to main branch
  • Build Command: npm run build
  • Publish Directory: build
  • Base Path: /Relay-Website/ (configured for subdirectory deployment)

Configuration

The site is configured for deployment to a subdirectory path:

  • Production Base: /Relay-Website/
  • Assets Path: Configured for proper static asset resolution
  • Prerendering: Enabled for optimal SEO and performance

Manual Deployment

# Build the site
npm run build

# The 'build' directory contains the static site
# Upload to any static hosting provider

Supported Platforms:

  • βœ… Netlify (current)
  • βœ… Vercel
  • βœ… GitHub Pages
  • βœ… Cloudflare Pages
  • βœ… Any static hosting provider

πŸ”— Related Links

🀝 Contributing

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/amazing-feature
  3. Make your changes
  4. Test locally: npm run dev
  5. Build to verify: npm run build
  6. Commit your changes: git commit -m 'Add amazing feature'
  7. Push to the branch: git push origin feature/amazing-feature
  8. Submit a pull request

Development Guidelines

  • Use TypeScript for type safety
  • Follow existing component patterns
  • Use @shugur/design-system components when possible
  • Ensure responsive design (mobile-first)
  • Test on multiple screen sizes
  • Maintain consistent branding

πŸ“„ License

This project is part of the Shugur Network ecosystem. See the main Relay repository for license information.

πŸ†˜ Support


Built with ❀️ by Shugur team for the decentralized web.

About

Official website for Shugur Relay - Production-ready Nostr infrastructure. Built with SvelteKit and Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published