Menu

Creating a New Project

Create a new Adaptive.js development project.

To start, create a new Adaptive.js project in Mobify Cloud, install the Mobify tag on your website, and generate the Adaptive.js scaffold.

1. Create a Project in Mobify Cloud

Do you have an existing project? If you have an existing project, go to the Step 2. (Existing Project) Load an Existing Project guide instead.

New Cloud Account Contact us at http://www.mobify.com/contact to sign up for a new Mobify Cloud account if you are new.

2. Install the Mobify Tag

In Mobify Cloud, once you create a new project as in the previous step, the message appears:

This project requires the Mobify Tag before it can be published. Install the tag now.

1. Click the "Install the tag now" link.

The page view is now in the "Configure" tab of the "Bundles/Configure" link button cluster.

2. In the "Device Target" section, check the "Smartphone" or "Tablet" box.

If you change the default selection in this step, click the active "Generate New Tag" button to generate the HTML again.

3. From the "Install Tag" section, copy the Mobify Tag from the HTML in the text box.

4. In an HTML editor app, open the main page of your website. This is usually index.html.

5. In your main page in your HTML editor, paste the Mobify Tag into the <head> section.

3. Generate the Adaptive.js Scaffold

Now that you have your project set up in Mobify Cloud, generate the project files with the Adaptive.js Generator.

1. Open a new Terminal (Mac) or Command Prompt (Windows)

2. To create a new project directory, enter the following command on the command line:

mkdir path/to/project/directory/projectDirectoryName

Ensure that you replace the projectDirectoryName argument with your project directory name.

3. To change into your newly created directory, enter the following command on the command line:

cd path/to/project/directory/projectDirectoryName

Ensure that you replace the projectDirectoryName argument with your project directory name.

4. To generate a new Adaptive.js project in your project directory, enter the following command on the command line:

yo adaptivejs

5. Follow the instructions to generate your project.

You can find your unique project slug in Mobify Cloud on your project's Configure page.

The default settings are as follows:


Go on Step 3. Authorize your Computer to Push Bundles.

Edit in GitHub