@magic-examples/minimal

This is a minimal example app for @magic features.

visit the @magic-examples github organization to see other examples

file sizes

at the time of writing this line, this page loads:

• 12000 bytes of javascript (5500 bytes compressed)
• 2900 bytes of css (1760 bytes compressed)
• 1000 bytes index.html (1.25kb bytes compressed)

load stats

ms are approximations:

system: firefox, linux, lenovo x280, wifi location: vienna, austria, europe

• 4 requests (index.html, magic.js, magic.css, favicon.ico)
• 17 KB / 10 KB transferred

100% google pagespeed score

w3 css validator

w3 html validator

demo

installation

requirements

• be in a directory you want to work in
• have nodejs > 14.2.0 installed.

// clone this repository
git clone https://github.com/magic-examples/minimal ./your-project-name

// go to the new project directoy
cd ./your-project-name

// install @magic dependencies
npm install

// run dev server
npm run dev

// goto http://localhost:2323  in your browser to see the page

// build changes you made to docs dir
npm run build

// reset the remotes to your repository
git remote rename origin upstream
git remote add origin git@provider.com/{your name}/{your repo}

// publish changes, after committing them to the local git
git push