- ✅ Optimized Database System - PostgreSQL + localStorage fallback
- ✅ Discord OAuth Integration - Login with Discord
- ✅ Smooth Animations - GPU-accelerated, butter-smooth transitions
- ✅ Custom SVG Icons - No emojis, professional icon system
- ✅ Functional Forums - Bug reports, suggestions, staff applications
- ✅ Performance First - Sub-100ms page loads, optimized rendering
- ✅ Rust Server Integration - Live stats via RCON API
A modern Next.js web application for the Vera Rust server network, featuring a full-stack authentication system, Pterodactyl-inspired admin panel, and glassmorphism UI with orange-to-red gradient accents.
+ Discord OAuth authentication with auto-profile creation
+ Optimized database layer (PostgreSQL/localStorage)
+ Functional forum system with category guides
+ Real-time Rust server stats integration
+ GPU-accelerated animations and transitions
+ Professional SVG icon system (no emojis)
+ Mobile-first responsive design
+ SEO optimized with dynamic sitemap
|
|
|
|
| Category | Technologies |
|---|---|
| Framework | Next.js 14.2.5 (App Router) |
| Language | TypeScript 5.0 |
| Styling | Tailwind CSS 3.4.1 |
| State | React Context API |
| Auth | Custom Local Storage System |
| Fonts | Rajdhani (300-700), Orbitron (400-900) |
Node.js >= 18.17.1
npm >= 9.6.7# Clone the repository
git clone https://github.com/scros18/vera-rust-website.git
# Navigate to project
cd vera-rust-website
# Install dependencies
npm install
# Run development server
npm run devOpen http://localhost:3000 to view the site.
Email: admin@system.local
Password: Password123
vera-rust-website/
├── 📂 src/
│ ├── 📂 app/
│ │ ├── 📄 layout.tsx # Root layout with metadata
│ │ ├── 📄 page.tsx # Homepage with hero & features
│ │ ├── 📄 sitemap.ts # Dynamic XML sitemap
│ │ ├── 📂 admin/
│ │ │ └── 📄 page.tsx # Admin panel (5 tabs)
│ │ ├── 📂 profile/
│ │ │ └── 📄 page.tsx # User profile dashboard
│ │ ├── 📂 login/
│ │ │ └── 📄 page.tsx # Login page
│ │ ├── 📂 register/
│ │ │ └── 📄 page.tsx # Registration page
│ │ ├── 📂 servers/
│ │ │ └── 📄 page.tsx # Server browser
│ │ ├── 📂 leaderboard/
│ │ │ └── 📄 page.tsx # Rankings
│ │ └── 📂 legacy/
│ │ └── 📄 page.tsx # Legacy features
│ ├── 📂 components/
│ │ └── 📄 Navbar.tsx # Navigation with mobile sidebar
│ ├── 📂 contexts/
│ │ └── 📄 AuthContext.tsx # Auth state management
│ └── 📂 lib/
│ └── 📄 auth.ts # Auth utilities & static admin
├── 📂 public/
│ ├── 🖼️ site-bg.jpg # Background images
│ ├── 🖼️ steam.webp # Platform logos
│ ├── 📄 robots.txt # SEO robots file
│ └── ...
├── 📄 tailwind.config.ts # Tailwind customization
├── 📄 next.config.mjs # Next.js configuration
└── 📄 package.json # Dependencies
The admin panel (/admin) features a comprehensive server management interface:
| Tab | Features |
|---|---|
| 📊 Overview | Server stats, player count, resource usage, quick actions |
| 🖥️ Server Control | Start/Stop/Restart buttons, status indicators, resource bars |
| 💻 Console | Live log display, command execution, colored output |
| 📁 File Manager | Path navigation, file browser, sizes, timestamps |
| 👥 Users | User management, role assignment, online status |
Background: #0a0a0a
Cards: #131313
Borders: #1f1f1f
Hover: #252525, #2a2a2a
Accents: Orange-to-Red gradientsbackdrop-blur-xl
bg-black/50
border border-white/10- Rajdhani: Body text, headings (weights: 300, 400, 500, 600, 700)
- Orbitron: Display text, buttons (weights: 400, 500, 600, 700, 800, 900)
from-orange-500 to-red-600 /* Primary gradient */
from-orange-400 to-red-500 /* Hover states */- Hamburger Menu with slide-in sidebar
- Touch-Optimized navigation
- Responsive Tables for admin panel
- Centered Layout for mobile screens
- Backdrop Blur overlay on sidebar open
| Optimization | Details |
|---|---|
| ⚡ Performance | Latest-gen CPUs, NVMe SSDs, 60+ tick rate |
| 🛡️ Protection | Enterprise DDoS protection, 99.9% uptime |
| 🌐 Network | Strategic data centers, low latency routing |
| 💾 Memory | Advanced RAM optimization, efficient caching |
| 🔒 Security | Enhanced anti-cheat, regular security audits |
| 💿 Backups | Automated every 30 minutes, instant restore |
| 📊 Monitoring | 24/7 real-time system oversight |
| 🔄 Updates | Seamless zero-downtime deployments |
npm run dev # Start development server (localhost:3000)
npm run build # Build for production
npm start # Start production server
npm run lint # Run ESLint checks- Dynamic Sitemap:
/sitemap.xml(auto-generated) - Robots.txt: Configured for optimal crawling
- Meta Tags: Comprehensive SEO metadata
- Open Graph: Social media preview cards
- Keywords: 40+ targeted SEO keywords
|
|
|
|
This project is licensed under the MIT License - see the LICENSE file for details.
verarust_users // All registered users
verarust_current_user // Active session
verarust_passwords // Password storage (demo)Static admin account bypasses normal authentication:
// src/lib/auth.ts
if (username === 'admin@system.local' && password === 'Password123') {
return adminUser; // Level 99, unlimited access
}