Single Page Application Creation And Development

Before you start working on your single page applications (SPAs), ensure that prerequisite features have been enabled in your account. For more information, see Prerequisites for Single Page Applications.

In NetSuite, SPAs are developed as part of a SuiteApp project that is created using the SuiteCloud Development Framework (SDF). NetSuite UI Framework (UIF) provides the UI components that you can use to build your SPAs.

The following steps provide an overview of the process for developing SPAs with NetSuite UIF:

1. Create the SDF SuiteApp project where you will implement your SPA. Alternatively, you can use one of the sample SPA SuiteApps as a starting point or you can add SPAs to an existing SuiteApp project.

2. Within the SuiteApp project, create the following for each SPA implementation:

   • A unique SPA folder

   • Two required scripts: SPA client script and SPA server script

   • An SPA object definition file

   • (Optional) An assets folder

   If you are using a sample project, ensure that you update the folder names, file names, and the contents based on your project.

3. Develop your application. Use the UI components and APIs from NetSuite UIF to build your SPA. You also can use SuiteScript modules in the SPA client script and SPA server script.

4. Convert your SPA source files and build the SuiteApp. The sample SPA projects contain a gulpfile that implements the build and bundle steps to convert the SPA source files. You can use this file or you can opt to use your preferred tool to transpile and convert the files.

5. Validate and deploy your SuiteApp project.

6. Open your single page application in NetSuite.

For more information, see the following topics:

• Creating a Single Page Application – Describes how to create an SDF SuiteApp project that includes SPAs.

• Single Page Applications as XML Definitions – Provides information about the XML definition for an SPA (singlepageapp) SDF custom object.

• Developing Single Page Applications – Describes how to develop the SPA client script and SPA server script.

• Troubleshooting Single Page Applications – Provides information about errors related to SPAs.

For information about the sample SPA SuiteApps, see Single Page Application Samples.

Related Topics

• Introduction to Single Page Applications
• Single Page Application Creation And Development
• Single Page Application Management

General Notices