https://github.com/networkteam/neos-mockup
A Neos package providing basic mockup functionality for content-first approach
https://github.com/networkteam/neos-mockup
Last synced: 3 months ago
JSON representation
A Neos package providing basic mockup functionality for content-first approach
- Host: GitHub
- URL: https://github.com/networkteam/neos-mockup
- Owner: networkteam
- License: mit
- Created: 2017-11-03T13:37:25.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-07-31T14:08:33.000Z (8 months ago)
- Last Synced: 2025-10-14T02:35:30.582Z (6 months ago)
- Language: SCSS
- Size: 152 KB
- Stars: 0
- Watchers: 5
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# neos-mockup
A Neos package providing basic mockup functionality for content-first approach
## Versions
| Neos CMS | Plugin |
|---------------|--------|
| >= 9.0 | 5.x |
| >= 4.0, < 9.0 | 4.x |
## Install package
1. Install **neos base distribution** via composer https://www.neos.io/download-and-extend.html
2. Require package `networkteam/neos-mockup` as composer dependency
```bash
composer require "networkteam/neos-mockup"
```
3. Remove `neos/demo` package
```bash
composer remove package neos/demo
```
4. Follow Neos setup (http://your-neos.site/setup) and **create a new site package with a dummy site**
5. Log into Neos backend (http://your-neos.site/neos)
## Usage Mockup Page
Set prototype of Page to `Networkteam.Neos.Mockup.Page`
## Usage Mockup Header
Set prototype of Header to `Networkteam.Neos.Mockup:Components.Molecules.Header`
## Usage Mockup Body
Set prototype of Body to `Networkteam.Neos.Mockup:Components.Templates.Page`
## Usage Mockup Navigation
Set prototype of Navigation to `Networkteam.Neos.Mockup:Components.Organisms.Navbar`
To use your custom logo / title or else, overwrite certain props you want.
E.g.:
```
prototype(Networkteam.Neos.Mockup:Components.Organisms.Navbar) {
title = ${site.context.currentSite.name}
alt = ''
titleEntity = Your.Custom.Package:Components.Atoms.Logo {
title=${props.title}
alt=${props.alt}
imageSrc = Neos.Fusion:ResourceUri {
path = 'resource://Your.Custom.Package/Public/Images/logos/logo.svg'
}
link = Neos.Neos:NodeUri {
node = ${site}
}
}
}
```
## Usage Placeholder
After installation you can use Placeholder-Component like any other Neos-Content-Component.
## Custom Styles / Contribution
Use `yarn` to install dependencies.
We moved the creation of stylesheets to SCSS. Compiling is possible by using `yarn start` which is a watcher for devlopment. Use `yarn build` to get a compressed production build.