UIengine sample project with React

React sample project utilizing the UIengine. Based on Next.js.

See the deployed website and design system documentation here:

• Tasty BBQ Design System: The UIengine output for this sample project
• Tasty BBQ Website: 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:

npm install

🛠 Development

Create a build and rebuild on file change.

npm start

This starts the following servers:

• Next.js running the app on localhost:3000
• UIengine running the pattern library on localhost:4000

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 in your browser. This will trigger a Next.js build.