NodeByte Links

A modern, stylish "Link in Bio" website for NodeByte Hosting your one stop hub for quick links, FAQs, and social connections.

✨ Features

🔗 Link in Bio

• Clean, modern interface for all your important links
• Quick access to main website, game hosting, client area, and more
• Categorized sections for easy navigation
• External link indicators

🎨 Customizable Themes

• 16+ built-in themes including Dark, Light, Ocean, Forest, Rose, and more
• Seasonal themes (Christmas, New Year)
• Special themes (Stranger Things inspired)
• Theme persistence via cookies

⚙️ User Settings Modal

• Theme Selection — Browse and switch themes with visual previews
• Layout Options — Choose link styles (Default, Rounded, Pill, Minimal, Glassmorphism)
• Size Controls — Compact, Default, or Large link sizes
• Typography — Font family selection and size scaling (80-120%)
• Accessibility — Reduce motion option, toggle descriptions/icons
• All settings saved to localStorage

📊 Live Status Integration

• Real-time status indicator on profile avatar
• Fetches from nodebytestat.us
• Shows operational status, incidents, and maintenance
• Auto-refreshes every 60 seconds

🌐 Social Links

• Discord, Twitter/X, GitHub, Trustpilot, Email
• Hover animations and tooltips
• Easy to customize

❓ FAQ Section

• Expandable accordion for common questions
• Smooth animations
• Easy to update content

🚀 Getting Started

Prerequisites

• Node.js 18+ or Bun (recommended)
• Git

Installation

1. Clone the repository

   git clone https://github.com/NodeByteHosting/links.nodebyte.host.git
   cd links.nodebyte.host

2. Install dependencies

   bun install
   # or
   npm install

3. Start the development server

   bun dev
   # or
   npm run dev

4. Open in browser Navigate to http://localhost:3000

🛠️ Tech Stack

Technology	Purpose
Next.js 15	React framework with App Router
TypeScript	Type-safe JavaScript
Tailwind CSS v4	Utility-first CSS
Radix UI	Accessible component primitives
next-themes	Theme management
Lucide React	Beautiful icons
Bun	Fast JavaScript runtime & package manager

📁 Project Structure

links.nodebyte.host/
├── app/
│ ├── api/
│ │ └── status/ # Status API proxy
│ ├── page.tsx # Main Link in Bio page
│ ├── layout.tsx # Root layout with providers
│ └── globals.css # Global styles & themes
├── packages/
│ ├── core/
│ │ ├── hooks/ # Custom React hooks
│ │ └── lib/ # Utility functions
│ └── ui/
│ └── components/
│ ├── Layouts/
│ │ └── Links/ # Link in Bio components
│ ├── Static/ # Navigation & Footer
│ └── ui/ # Shared UI components
├── public/ # Static assets
└── ...config files

🎨 Customization

Adding New Links

Edit the quickLinks and resourceLinks arrays in app/page.tsx:

constquickLinks=[{href: "https://example.com",title: "My New Link",description: "Description here",icon: SomeIcon,external: true,featured: false,// Set true for highlighted style},// ...]

Adding New Themes

Add theme definitions in app/globals.css:

.mytheme {
--background:00%10%;
--foreground:00%98%;
--primary:200100%50%;
/* ... other variables */
}

Then register in the theme toggle component.

Updating FAQ

Edit the faqs array in packages/ui/components/Layouts/Links/links-faq.tsx.

📜 Scripts

Command	Description
bun dev	Start development server with Turbopack
bun build	Build for production
bun start	Start production server
bun lint	Run ESLint

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details.

🔒 Security

For security concerns, please see our Security Policy.

📄 License

This project is licensed under the GNU Affero General Public License v3.0 — see the LICENSE file for details.

🔗 Links

• Website: nodebyte.host
• Status: nodebytestat.us
• Discord: discord.gg/nodebyte
• Twitter: @NodeByteHosting
• GitHub: NodeByteHosting

---

Made with ❤️ by NodeByte Hosting