Repository navigation
Home
Welcome to the wiki for Discord-Bot-Website. This repository is the official website of Beatra, a free Discord music bot. It is a small, clean Next.js 15 project that you can run on your own computer in a few minutes, and adapt for your own bot.
The site ships with:
- a home page with a hero, stats, a three-step "how it works" section, feature cards, a premium banner and an invite call-to-action
- a commands page that lists the bot's commands in three groups
- a premium page with three plan tabs (Personal, Server Premium, Custom Bot), highlight cards and an FAQ
- a partners page with product cards
- Terms of Service and Privacy Policy pages
- a localized 404 (not found) page
Every page exists in seven languages: English, Turkish, Spanish, Portuguese, French, German and Russian.
Live site: beatra.app · Source: github.com/umutxyp/Discord-Bot-Website
| What you get | Why it helps |
|---|---|
| Seven languages built in | All text lives in JSON dictionaries (src/i18n/dictionaries/*.json). You translate copy without touching any component code. |
| Automatic language choice | Visiting / sends people to /en, /tr, /de and so on, based on a saved cookie or the browser language. |
| Pre-rendered pages | Every route is generated for every language at build time (generateStaticParams), so pages load fast. |
No backend, no database, no .env |
The code reads no environment variables. Clone, install and run. |
| SEO ready | Per-language title and description, canonical URL, hreflang alternates, Open Graph and Twitter card image, favicons and an Apple touch icon. |
| Modern UI kit | Built on Once UI System with a dark theme, a blue brand color and a cyan accent. |
| Responsive header | Desktop navigation, a full-screen mobile menu, a language dropdown, an invite button and a live style customizer. |
| Easy to rebrand | Links, site URL, theme, commands, partners and images each live in one obvious place. See Customization. |
| MIT licensed | Use it, change it, ship it. |
| Area | Technology (from package.json) |
|---|---|
| Framework | Next.js ^15.5.24 with the App Router |
| UI runtime | React ^18.3.1 and React DOM ^18.3.1
|
| Design system |
@once-ui-system/core ^1.8.0
|
| Styling | Once UI tokens, Sass ^1.77.6, and src/resources/custom.css
|
| Icons |
react-icons ^5.6.0 (Heroicons 2 and Font Awesome 6 sets) |
| Images |
sharp ^0.35.5 for Next.js image handling |
| Languages |
en, tr, es, pt, fr, de, ru
|
| Node.js | 22 or newer (engines field: >=22) |
| License | MIT |
You need Node.js 22 or newer and npm.
- Download the code:
git clone https://github.com/umutxyp/Discord-Bot-Website.git cd Discord-Bot-Website - Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000. You will be redirected to a language path such as
/en.
For a production build, run npm run build and then npm run start. The full walkthrough, with notes for Windows, macOS and Linux, is on the Installation page.
| Page | What you will find there |
|---|---|
| Installation | Requirements, installing Node.js on each OS, getting the code, running in development and production, the project layout. |
| Configuration | Every setting in the code: links, site URL, languages, cookie, theme, fonts, next.config.js, metadata, scripts. All with their default values. |
| Pages and Features | Every route and every shared component (header, footer, language switcher, style customizer, 404), plus the command list, premium plans and partner cards the site shows. |
| Customization | How to rebrand the site for your own bot: text, links, theme, commands, premium plans, partners, legal pages, icons, images and new pages. |
| Internationalization | How the language detection works, the switcher, and a step-by-step guide to adding or removing a language. |
| Deployment | Vercel, a Node.js server or VPS, keeping it running, a reverse proxy, and updating. |
| Troubleshooting | Real problems you may hit, with fixes, and an FAQ. |
| Contributing | How to contribute, the code style the repo uses, and how to report bugs and security issues. |
| Link | URL |
|---|---|
| Website | beatra.app |
| Invite the bot | Discord OAuth2 invite |
| Support server | discord.gg/ACJQzJuckW |
| Vote | top.gg/bot/774043716797071371/vote |
| Repository | umutxyp/Discord-Bot-Website |
Note: This repository is the website only. The music bot itself is not part of it. The site's own GitHub link (in the footer) points to umutxyp/MusicBot.
Beatra Website is created and maintained by Umut Bayraktar (@umutxyp). It is part of the Codeshare product family.
Released under the MIT License. Copyright (c) 2026 umutxyp.