Mazer Dashboard

Dec 19, 2022 | Programming

Mazer is an Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency.

Demo Page    Documentation Page    Indonesian README   

Installation

Using a ready-made build (recommended)

Download the latest release from the releases page. Open the index HTML file and explore the source code.

Building Yourself

  1. Clone the repository
  2. git clone https://github.com/zuramai/mazer
  3. Install dependencies
  4. yarn install

    or

    npm install
  5. Run it locally
  6. npm run dev
  7. Open http://localhost:5173 in your browser

Building with Docker

  1. Clone the repository
  2. git clone https://github.com/zuramai/mazer
  3. Make sure you have Docker installed and run:
  4. 
    docker build -t mazer-frontend .
    docker run -it -d -p 5173:80 --name mazer mazer-frontend
    
  5. Open http://localhost:5173

Using CDN

Here’s a simple example using CDN from jsdelivr.net.

html



    
    
    Dashboard - Mazer Admin Dashboard
    
    
    
    


    
    
    
    
    
    
    
    
    


CDN Prefix

You can use the URL with a prefix like this:

https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo

A simple example: https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app.css

Community

Mazer-based Open Sources

Did you make one in another framework or tools? Open up Pull Requests and put yours here!

Contributing

Please follow the Contributing Guide before contributing.

License

Mazer is under MIT License.

Author

Mazer is created by Saugia.

Troubleshooting

If you encounter any issues during installation or runtime, here are some troubleshooting ideas:

  • Ensure that all dependencies are properly installed. Check for any missing packages and install them using npm or yarn.
  • Verify that your Docker installation is correctly configured and running. You may need to reinstall Docker if you encounter issues.
  • Make sure to open the correct URL in your browser: http://localhost:5173
  • If using CDN, verify the links and ensure they are correctly formatted and accessible.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

Stay Informed with the Newest F(x) Insights and Blogs

Tech News and Blog Highlights, Straight to Your Inbox