Installation Guide

Learn how to install and use the artifacts generated by NorthReason Studio. No software installation is required for the platform itself—everything runs in the cloud.

1. Installing WordPress Plugins

When you generate a WordPress plugin, NorthReason provides a complete .zip file containing all necessary PHP, JS, and CSS files.

Download the `.zip` artifact from the NorthReason Studio.

Navigate to Plugins > Add New and click Upload Plugin at the top.

Choose the downloaded `.zip` file, click Install Now, and then Activate Plugin.

How to use the shortcode

Paste the generated shortcode into any WordPress page or post:

[northreason_plugin]

2. Using React / Next.js Components

When you generate a React component, NorthReason provides a clean .tsx file built with Tailwind CSS.

Copy the generated `.tsx` code from the Studio.

Create a new file in your Next.js project (e.g., components/MyComponent.tsx) and paste the code.

Import the component into your page and use it.

Example Usage

import MyComponent from '@/components/MyComponent';

export default function Page() {
  return (
    <div>
      <MyComponent />
    </div>
  );
}

Make sure you have Tailwind CSS configured in your Next.js project, as the generated code uses Tailwind utility classes.

Need Help?

If you face any issues during installation, our support team is here to help.

Ask AI Assistant 📧 Contact Support

Previous page Quickstart Guide Next pageReact Components