<img src="https://brand.zesty.io/zesty-io-logo.svg" alt="zesty logo" width="200">
npm install @darwin808/explorer-dev-testWebsite/App Overlay Guide for Editing Zesty.io Content
Is that the explorer will be a website overlay tool that will guide the user around the data that loads on the page relative to the zesty content management system. The tool will have tabs for searchable on page data, full site navigation, inline editing, website and page health, metadata explorer, image optimization scanning, broken link scanning.
The tool should be built in compiled JavaScript and execute in plain JavaScript so it can run over any installation of zesty, whether it's parsley templating, next js, nuxt, or any custom build.
It should be distributed over npm package manager and yarn, it should also be able to be manually installed from a CDN link.
Using NPM
npm install @zesty-io/explorer
Using CDN
- copy the script tag below and paste it in the head of your main.html file
``
type="text/javascript"
src="https://cdn.jsdelivr.net/gh/zesty-io/explorer@latest/dist/explorer.production.js"
defer="defer"
>
`
Or
`
type="text/javascript"
src="https://cdn.jsdelivr.net/gh/zesty-io/explorer@1.1.4/dist/explorer.production.js"
defer="defer"
>
`
Importing
``
import { ZestyExplorer } from '@zesty-io/explorer';
- Page Data Explorer
- Full Site Navigation and Explorer
- Inline Editing (phases)
- Website and Page Health
- Metadata
- Link Scanning
- Optimization Scanning
Developer must have access to zestyionpm account
npm publish --access public
- Create .env with a value REACT_APP_DOMAIN_OVERRIDE=https://www.zesty.io
- On origin/main do git checkout -b explorer-dev-testpackage.json
- Edit change the name to @username/explorer-dev-testpackage.json
- Edit increment the version number per publish
- Npm publish --access public
- In your react/next/app
```
import { ZestyExplorer } from '@username/explorer-dev-test';