Rhine Official Site

Enterprise-grade multi-service platform built with modern web technologies.

📋 Overview

Rhine Official Site is a production-ready enterprise platform demonstrating full-stack development capabilities across multiple technologies while providing real business value.

Key Features

• 🛒 E-commerce - Product catalog, shopping cart, checkout
• 🌍 Travel Booking - Destination discovery and booking
• 📁 Portfolio - Project showcase with filtering
• 👥 User Dashboard - Profile, orders, file management
• 📞 Contact System - Form with database storage
• 🔐 Authentication - Secure login with Supabase Auth
• 📊 Admin Panel - User and content management

🏗️ Architecture

Tech Stack

Infrastructure

┌─────────────────────────────────────────────────────┐
│                    Cloudflare                        │
│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐  │
│  │    DNS      │  │   Pages     │  │     R2      │  │
│  │  (Domains)  │  │  (Frontend) │  │  (Storage)  │  │
│  └─────────────┘  └─────────────┘  └─────────────┘  │
└─────────────────────────────────────────────────────┘
                          │
                          ▼
┌─────────────────────────────────────────────────────┐
│                     Supabase                         │
│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐  │
│  │  PostgreSQL  │  │    Auth     │  │   Storage   │  │
│  │  (Database)  │  │ (Users/Roles)│  │  (Files)    │  │
│  └─────────────┘  └─────────────┘  └─────────────┘  │
└─────────────────────────────────────────────────────┘

🚀 Quick Start

Prerequisites

• Node.js 18+
• npm or yarn
• Git

Local Development

# Clone repository
git clone https://github.com/Rhine-Solution/rhineofficialsite.git
cd rhineofficialsite

# Install dependencies
npm install

# Run development server
npm run dev

# Open http://localhost:3000

Environment Variables

Create .env.local:

NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key

📁 Project Structure

rhineofficialsite/
├── app/                    # Next.js App Router
│   ├── (public)/          # Public pages
│   ├── (auth)/            # Authentication
│   ├── (dashboard)/       # User dashboard
│   └── (admin)/           # Admin panel
├── components/            # React components
│   ├── ui/               # Base UI components
│   ├── layout/           # Layout components
│   └── features/         # Feature components
├── lib/                   # Utilities
│   ├── supabase.ts       # Supabase client
│   └── utils.ts          # Helper functions
├── public/                # Static assets
├── memory.md             # Project documentation
├── roadmap.mmd           # Project roadmap
└── README.md             # This file

🔧 Available Scripts

📊 Database Schema

Core Tables

RLS Policies

All tables have Row Level Security enabled with policies for:

• Public read access for products
• Authenticated access for user data
• Admin-only for management operations

🌍 Deployment

Production URLs

Auto-Deployment

• Frontend (Cloudflare Pages): Automatic on push to main
• Shop (Vercel PHP): Automatic on push to main

Manual Deployment

# Build the project
npm run build

# Deploy to Cloudflare Pages
npx wrangler pages deploy dist

📈 Features Status

🤝 Contributing

1. Fork the repository
2. Create feature branch (git checkout -b feature/amazing-feature)
3. Commit changes (git commit -m 'Add amazing feature')
4. Push to branch (git push origin feature/amazing-feature)
5. Open Pull Request

📄 License

MIT License - see LICENSE file for details.

📚 Documentation

• Project Memory - Detailed project documentation
• Roadmap - Project vision and milestones
• Supabase Docs - Database documentation
• Next.js Docs - Framework documentation

🔗 Links

• Main Site: https://www.rhinesolution.com
• Shop: https://shop.rhinesolution.com
• GitHub: https://github.com/RAGNAROK-RS0/rhineofficialsite
• Supabase: https://supabase.com/dashboard/project/crqjedivobupxbbathux
• Cloudflare: https://dash.cloudflare.com
• Vercel: https://vercel.com/dashboard

Built with ❤️ using Next.js, Supabase, and Cloudflare.