Liferay OpenAI Content Creation Wizard

With this application, creating content within Liferay is a breeze!

Consider this scenario: You can create 15 products across 5 categories in just 35 seconds with a single prompt from you. The magic happens through with the integration of OpenAI's API for content creation and Liferay's APIs for seamless storage based on your prompts.

Utilizing this OpenAI Wizard doesn't just speed up content creation, which many of us are already doing with AI. It goes the extra mile by seamlessly loading it into Liferay through Liferay's Extensive Headless APIs. Big kudos to Steven Lu, who helped identify the potential to optimize the time spent on setting up commerce products, categories, and SKUs through Liferay's Headless APIs.

The Liferay Content Wizard currently supports generating these asset types:

• Accounts
• Blogs with Images
• Taxonomy with Category Structure
• Multilingual FAQs
• Generation of Images within Documents and Media with a choice of dimensions and quality
• Knowledge Base Folders and Articles
• Message Board Sections, Threads, and Messages
• Multilingual News Articles with Images
• Data for Custom Liferay Objects
• Organization Structures
• Page Hierarchies (AI Generation and File Upload)
• Commerce Categories and Products with Images (AI Generation and File Upload)
• Users (AI Generation and File Upload)
• User Groups
• Warehouses with Latitude and Longitude
• Wiki Nodes and Pages

As we move forward, expect more options and deeper integrations for content types.

Tip

Frequent updates are expected so it is recommended that you update often.

Technologies used:

• OpenAI API
• Node.js
• Next.js
• React
• TailwindCSS
• Highlight.js

Authentication

You have two options of authentication using Liferay Portal

1. Basic
2. OAuth2

The Basic authentication is ideal for localhost, dev, staging environments and the authentication method is using email and password, you must have sufficient permissions to consume the APIs used on the target asset.

OAuth2 is recommended for production environments, especially if you are using Liferay SaaS, as basic authentication is disabled by default.

You will need to enable the following scopes to use the openai-demo-wizard:

• Liferay.Headless.Admin.Taxonomy.everything
• Liferay.Headless.Admin.User.everything
• Liferay.Headless.Admin.Workflow.everything
• Liferay.Headless.Commerce.Admin.Account.everything
• Liferay.Headless.Commerce.Admin.Catalog.everything
• Liferay.Headless.Delivery.everything
• Liferay.Headless.Site.everything

Setup

1. If you don’t have Node.js installed, install it from here

2. Clone this repository

3. Navigate into the project directory

cd liferay-openai-demo-wizard

1. Install the requirements

npm install

1. Run the app

npm run dev

You should now be able to access the app at http://localhost:3000.

Deployment

Configuration for the application is now done through the UI. Use the gear icon in the lower right of the screen to set your environment properties.

---

Warning

Never use personal information, passwords, or sensitive data for generative AI prompts.

Important

This is a personal project not directly supported by Liferay Inc.

Tip

Your feedback and suggestions are useful to us. Please share your ideas for improvements!

Let's build great things!