minecraft-website-template Tailwind Templates

Minecraft Website Template

A Minestrator Minecraft website template built with Next.js, TypeScript, and Tailwind CSS. Its main usage is to start your minestrator server from anywhere.

Minecraft website template

Deploy with Vercel

This is a Minestrator Minecraft website template built with Next.js, TypeScript, and Tailwind CSS. The application provides real-time monitoring of a Minecraft server's status, usage statistics (CPU, RAM, Disk), and player activity.

Features

  1. Toggle Server State: Click on the lever image to start or stop the server.
  2. View Server Status: The current server status (online/offline) is displayed prominently.
  3. Monitor Resources: The launcher shows CPU, RAM, and Disk usage as progress bars.
  4. Player Information: Displays the number of players currently online versus the maximum allowed.
  5. Image Gallery: Displays images stored in the public/images directory.

Technologies Used

  • Next.js: A React framework for building server-rendered and static web applications.
  • TypeScript: A superset of JavaScript that adds static types, enhancing code quality.
  • Tailwind CSS: A utility-first CSS framework for building custom designs.
  • use-sound: A hook to play sounds in React applications.

Getting Started

To run the template using vercel click the Deploy button below :
Deploy with Vercel

To run the launcher locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/minecraft-website-template.git
    cd minecraft-server-launcher
    
  2. Install the dependencies:

    npm install
    
  3. Set up environment variables: Create a .env.local file in the root of the project and add your server's credentials:

    NEXT_PUBLIC_SERVER_TOKEN=your_minestrator_token
    NEXT_PUBLIC_SERVER_ID=your_minestrator_server_id
    NEXT_PUBLIC_SERVER_NAME=your_server_name
    NEXT_PUBLIC_SERVER_IP=your_server_ip
    
  4. Run the development server:

    npm run dev
    

    Open http://localhost:3000 in your browser to view the launcher.

  5. To build for production:

    npm run build
    npm run start
    

License

This project is licensed under the MIT License.

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes