← Back to Projects
sharks-bot-website/README.md

PID: sharks-bot-website | STATUS: ACTIVE

sharks — Community Website

Official website for the sharks Discord bot built with Next.js App Router and deployed on Vercel. Serves TR/EN homepages (`/tr`, `/en`), category-based command lists (`/tr/commands`, `/en/commands`), Terms of Use and Privacy Policy pages required for Discord bot verification, and a documentation area at `docs.sharksbot.site`. The homepage features a hero with Discord invite integration, alternating feature sections with live Discord-style mockups (welcome, roles, moderation, setup, voice), scroll-reveal animations, and deep links into external docs.

## Problem Solved

Discord bots require verified legal URLs and a professional discovery surface — users need localized pages to explore features, browse commands, read docs, and invite the bot from one cohesive domain.

## Architecture & Approach

Next.js 16 App Router with middleware-driven locale rewrites (`/` → `/tr`, prefixless Turkish paths, `/en/...` for English) and docs subdomain routing (`docs.sharksbot.site` → `/docs/[locale]`). Typed i18n dictionaries, `FeaturesShowcase` with `FeatureMockup` components, catch-all docs routes, legal content modules, and Vercel deployment on sharksbot.site.

## Tech Stack

Next.js 16TypeScriptTailwind CSS v4Vercel
sharks — Community Website screenshot 1
sharks — Community Website screenshot 2
sharks — Community Website screenshot 3
sharks — Community Website screenshot 4