https://github.com/dennisreimann/uiengine-sample-react
UIengine sample project using React
https://github.com/dennisreimann/uiengine-sample-react
nextjs react uiengine
Last synced: 6 months ago
JSON representation
UIengine sample project using React
- Host: GitHub
- URL: https://github.com/dennisreimann/uiengine-sample-react
- Owner: dennisreimann
- Created: 2018-03-15T11:18:02.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2021-06-19T15:42:54.000Z (over 4 years ago)
- Last Synced: 2025-04-03T16:49:48.806Z (11 months ago)
- Topics: nextjs, react, uiengine
- Language: JavaScript
- Homepage: https://dennisreimann.github.io/uiengine-sample-react/design-system/
- Size: 6.43 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UIengine sample project with React
React sample project utilizing the [UIengine](https://github.com/dennisreimann/uiengine).
Based on [Next.js](https://github.com/zeit/next.js).
See the deployed website and design system documentation here:
- [Tasty BBQ Design System](https://uiengine-sample-react.uix.space/design-system/): The UIengine output for this sample project
- [Tasty BBQ Website](https://uiengine-sample-react.uix.space/): The corresponding website, built with React and Next.js.
Or try it yourself and play with the code …
## 📦 Setup
Once you have this repo cloned, you can setup the packages:
```bash
npm install
```
## 🛠 Development
Create a build and rebuild on file change.
```bash
npm start
```
This starts the following servers:
- Next.js running the app on [localhost:3000](http://localhost:3000)
- UIengine running the pattern library on [localhost:4000](http://localhost:4000/design-system/)
The build process is provided by Next.js.
If you want to see the changes in the JSX and CSS files to be reflected in the UIengine, make sure the Next.js server is also running.
In case the styles are missing, open up [localhost:3000](http://localhost:3000) in your browser.
This will trigger a Next.js build.