Comments (11)
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.
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.
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.
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.
from mazer.
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.
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.
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 inassets/compiled/css/app.css
, then the complete URL ishttps://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.
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.
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.
@billalxcode
Really hanks for help 🙏
But author should really to do a jsdelivr package.
n1ce Template @zuramai
from mazer.
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)
- Enhance: The Buttons in the Header Section Lacks Transition HOT 1
- Request extra component for flags country HOT 2
- Request cookie consent feature HOT 2
- How to disable dark mode when user first time go to my web? HOT 8
- TypeError: Cannot read properties of null (reading 'getBoundingClientRect') HOT 4
- Scroll of navbar doesn't render fully HOT 1
- Clicking a link in a multi-level menu will collapse it HOT 3
- Vertical-navbar bug on smartphone
- Vertical navbar Collapsable Menu not working HOT 7
- footer problem HOT 1
- [Bug] TinyMCE dark mode does not work HOT 1
- Error when using viettnamese language in latest version HOT 9
- Sidebar collapse is not working in Vertical Layout with Navbar HOT 18
- how to use Vietnamese language in template HOT 1
- Sidebar is printed HOT 3
- How to create a dynamic menu HOT 3
- Sidebar Hide in Default HOT 3
- Toggle Logo Sidebar by theme HOT 2
- Light / Dark toggle HOT 5
- Table Small doesn't work
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mazer.