Giter VIP home page Giter VIP logo

Comments (11)

billalxcode avatar billalxcode commented on June 26, 2024 1

Actually, Mazer hasn't released an official CDN yet. It just makes the demo page as a CDN only. contact @zuramai for details

from mazer.

github-actions avatar github-actions commented on June 26, 2024 1

This issue has been automatically marked as stale because it has been open for 14 days without activity. It will be closed if no further activity occurs within the next 14 days. If this is still an issue, just leave a comment or remove the "stale" label.

from mazer.

billalxcode avatar billalxcode commented on June 26, 2024

jsdelivr.net has provided a github based cdn service. But this repository does not meet the qualifications.
The qualification is that this repository must have build results files. Like the dist folder or something else, why? because later jsdelivr.net will direct the CDN to the build file.

from mazer.

billalxcode avatar billalxcode commented on June 26, 2024

An example is as follows

http://cdn.jsdelivr.net/gh/user/repo@version/file

Example url in this repo

http://cdn.jsdelivr.net/gh/zuramai/mazer/src/xxx

Websites must load CSS files, but in this repository there are no CSS files unless we have to change the SCSS file to CSS first so that it can be loaded by the web browser. How to build it? This repository already has an application for building assets, namely using Vite.

Read full docs

from mazer.

SmileYzn avatar SmileYzn commented on June 26, 2024

jsdelivr.net has provided a github based cdn service. But this repository does not meet the qualifications. The qualification is that this repository must have build results files. Like the dist folder or something else, why? because later jsdelivr.net will direct the CDN to the build file.

That is why i'm asking for a full package on jsdelivr.net 👍

from mazer.

billalxcode avatar billalxcode commented on June 26, 2024

Hello, to use Mazer CDN please use the url with the prefix

https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist

simple example, if you want to load the app.css file in assets/compiled/css/app.css, then the complete URL is

https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/app.css

An example of the full code is like this

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Mazer Admin Dashboard</title>


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/scss/themes/dark/app-dark.scss">

    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/svg/favicon.svg" type="image/x-icon">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/app.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/app2.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/iconly.css">
</head>

<body>

    <!-- Start content here -->

    <!-- End content --->

    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/static/js/initTheme.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/static/js/components/dark.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/extensions/perfect-scrollbar/perfect-scrollbar.min.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/js/app.js"></script>
</body>

</html>

from mazer.

billalxcode avatar billalxcode commented on June 26, 2024

Hello, to use Mazer CDN please use the url with the prefix

https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist

simple example, if you want to load the app.css file in assets/compiled/css/app.css, then the complete URL is

https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/app.css

An example of the full code is like this

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Mazer Admin Dashboard</title>


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/scss/themes/dark/app-dark.scss">

    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/svg/favicon.svg" type="image/x-icon">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/app.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/app2.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/css/iconly.css">
</head>

<body>

    <!-- Start content here -->

    <!-- End content --->

    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/static/js/initTheme.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/static/js/components/dark.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/extensions/perfect-scrollbar/perfect-scrollbar.min.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/billalxcode/mazer@dist/dist/assets/compiled/js/app.js"></script>
</body>

</html>

The CDN above is an unofficial CDN. Because the official Mazer does not yet provide a CDN feature.

from mazer.

billalxcode avatar billalxcode commented on June 26, 2024

Or you can use the demo page as the official CDN from Mazer.

How to use it?

Here's a simple example of using Mazer CDN

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Mazer Admin Dashboard</title>

    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/svg/favicon.svg" type="image/x-icon">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app-dark.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/iconly.css">
</head>

<body>
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/initTheme.js"></script>
    <!-- Start content here -->

    <!-- End content -->
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/components/dark.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/perfect-scrollbar/perfect-scrollbar.min.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/js/app.js"></script>

    <!-- Need: Apexcharts -->
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/apexcharts/apexcharts.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/pages/dashboard.js"></script>

</body>

</html>

You can use a url with a prefix

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

A simple example is like this

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

from mazer.

SmileYzn avatar SmileYzn commented on June 26, 2024

From demos pages? If there have breaking changes on production usage?
The mazer project need a real jsdelivr version, so users can control better that version usage too

from mazer.

SmileYzn avatar SmileYzn commented on June 26, 2024

@billalxcode
Really hanks for help 🙏

But author should really to do a jsdelivr package.

n1ce Template @zuramai

from mazer.

SmileYzn avatar SmileYzn commented on June 26, 2024

This issue has been automatically marked as stale because it has been open for 14 days without activity. It will be closed if no further activity occurs within the next 14 days. If this is still an issue, just leave a comment or remove the "stale" label.

Hehehehe, how to close issues without solve it? use git bot!

from mazer.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.