There are a number of different workflows you can use when developing websites on the Neto platform. This is the advanced workflow, intended for people familiar with things like Git and Node.js.
This workflow requires a few things:
npm install --global gulp)
While this article assumes you're using Github to host your code, you can use another service or choose to avoid this entirely.
You're looking to develop a new theme on the Neto platform! There are a few simple steps to this.
To start a fresh repository based on the current development theme, follow the steps below.
In your GitHub app, setup a new repository.
Download the latest release from Skeletal, the development theme's repository.
Right-click your new repo in the GitHub app and select Open in Finder
Drag the contents of the extracted
.zip into your repository
Commit your new files!
To compile the
.less files that make up the styling for Skeletal/your new theme, we recommend using Gulp.
Gulp is a task runner—you essentially define a set of tasks/functions in your projects
gulpfile.js file and then you can easily run them on demand via the terminal. Fortunately Skeletal comes with a gulpfile already setup so this process is easy.
Before you can do the following steps you need to setup node.js, which you can do here. You also need to install Gulp globally so you can use it in the command line. For this, you just need to run the following command in your terminal:
npm install --global gulp
First you need to open up your project in terminal. To do this, right click your Repo in the GitHub app and select Open in Terminal. Alternatively you can navigate to the project via the
To test to see if this is working, simply run the command
gulp and the output should be something like this:
Mikes-MacBook-Air:my-cool-theme mike$ gulp [10:05:09] Using gulpfile ~/Projects/Themes/my-cool-theme/gulpfile.js [10:05:09] Starting 'default'... [10:05:09] Finished 'default' after 10 ms
If successful, Gulp will now be automatically compiling any changes to your themes
.less files. You'll see the
less function re-run in the terminal every time you modify these files.
Unfortunately it is not possible to run the Neto front-end locally—so you need to push your change live to the server to see them working.
Setup your FTP account in Transmit. You can request one here if you haven't already.
Connect to your site
Click the white arrow next to the dropdown
Click the icon to add a new rule
This new rule should exclude all files called
node_modules. This will stop Transmit from uploading all of your gulp modules to the server (this would take ages!)
Ensure the rest of your settings match the settings below:
Fortunately, Dreamweaver is just as easy to use as Transmit when it comes to working on Neto templates.
Navigate to the local view for your site and cloak the files you wish to exclude—this stops Dreamweaver from uploading them when syncing. You should cloak
package.json and the directory
node_modules. This will stop Dreamweaver from uploading all of your gulp modules to the server (this would take ages!)
Do a full sync to get your site up-to-date.
Now you can get started! Change the local files and push the changes as you go.