🧑‍🍳Next.js

Jux + Next.js

This example demonstrates how JUX can be used in a typical Next.js project.

Note:

For demo purposes, running some of the native Jux commands might break the examples provided, herein, be prepared to modify some example code.

Make sure you run the installation successfully.

Get the example project from our Github

Undesrtant the output Code Jux provides

The generated code is located under the src/lib/jux folder:

• components.ts - contains the generated styled components.

• theme.ts - contains the generated theme object.

• fonts.ts - contains the supported fonts, etc.

Usage examples

Review our example project

1. The generated theme is used in src/app/layout.tsx:

   <ThemeProvider />

2. The generated components are used in src/app/page.tsx:

   <Jux.Button_1 />

for more info, join our community