a5878db74baa36ad0ae9cda759f9f2f8

Javier Centurion

We've just shipped a brand new editor for Webtask to go from 0 to code in seconds!


## Serverless Development Reimagined with the New Webtask Editor

If you are building serverless applications, then you want to get from zero to code in seconds. We've just shipped a brand new editor for Webtask which makes this desire a reality!

The Webtask Editor is a rich online environment for creating, editing and testing your Webtasks. In addition, it allows you to manage secrets, configure github two-way sync, view realtime logs, and more. It makes serverless development a breeze and you _never have to leave the browser or install anything to use it_. And with our out-of-the-box support for over 1000+ [Node modules](https://webtask.io/docs/modules?utm_source=auth0.com&utm_medium=blog&utm_campaign=webtask_editor_launch), you can get a lot of work done.

Let’s take a quick walkthrough of the experience.

## Creating a New Webtask
With the new editor, getting started can't get any easier. Just head to [webtask.io/make](https://webtask.io/make?utm_source=auth0.com&utm_medium=blog&utm_campaign=webtask_editor_launch), log in with your preferred credentials, and you'll be on your way. 

![Webtask Editor](https://images.ctfassets.net/23aumh6u8s0i/60cS0X3pZZqIkFYxNqA82I/7d4a4e2d45f2ecb51cea550e9f676292/screenshot)

From the popup dialog, you will see a few options:

- *Webtask*: this creates an empty webtask.
- *Cron*: this creates an empty scheduled webtask. 
- *Pick a template*: start coding based on selecting from a library of templates.
- *Import from GitHub*: import your code from a Github repo to a webtask.

### Webtask
Selecting "Webtask" will put you right into the editor where you can start authoring a new task.

![Create a Webtask](https://images.ctfassets.net/23aumh6u8s0i/7DNhJv22bem62OfkNLNCDY/609cf51bdc17b3056e647bcf88dbb997/new-webtask)

### Cron
Cron tasks are great for executing a task on a schedule, such as checking a Twitter feed for mentions. When you create a new cron task, you will see two panes. The left pane is the scheduler where you specify the schedule for your task and the right pane is where you put the code for your task. 

![Create a Cron with Auth0 Webtask](https://images.ctfassets.net/23aumh6u8s0i/aktaX2AvsI1rOz9eLbSZG/2794b8295c0ff1f180e24cc15d9773aa/new-cron)

For more info about cron, check [this document](https://webtask.io/docs/cron).

### Templates
Templates let you choose from a selection of starter code that you can use for building your tasks. We've included templates for integrating Webtask with common services like [Stripe](https://stripe.com), [Slack](https://slack.com), [Sendgrid](https://sendgrid.com), [Github](https://github.com), [Twilio](https://twilio.com), [Facebook](https://facebook.com), and many more. 

![Webtask Templates](https://images.ctfassets.net/23aumh6u8s0i/4ZgecL7OpNB1voK28SYpLH/2d526ba1ad9d0bc02e29ee3f04c7055a/templates)

### Importing from GitHub
If you have existing Webtasks in a repo, you can import them directly into Webtask by pointing to the repo.

## Editor Features
Now let's take a look at some of the awesome editor features.

### Runner and Logs
We've designed the new editor to streamline your development and allow you to iterate fast. To help with testing, the editor comes with an intergrated runner. In the runner you can set different HTTP methods, parameters, headers, etc. To help with debugging, we've added a realtime logs viewer that lets you view you tasks console output while it is executing.

![Webtask runner and logs](https://images.ctfassets.net/23aumh6u8s0i/7gBevZ4sa1qmi8C7NnBHLW/5dab3616501bb17f20a149ef55770ce1/runner)

### Secrets Management
If your tasks are talking to other authenticated services, you don't want to store credentials in the code. You can define new secure secrets right in the editor, which are then accessible from the code via the `context` object.

![Secrets management](https://images.ctfassets.net/23aumh6u8s0i/4tIT2Q38DvtD7hP0w7dE6z/698c9eada30c221733d8fb50910fec28/secrets)

### GitHub Integration
To take your experience up a notch, we've baked in Github integration support. This allows you to sync your webtask with a file in a Github repo. You can enable this to work bi-directionally, such that commits and pull requests to the repo result in the task automatically being deployed and any changes in the editor result in commits to the repo. You can also bind multiple tasks to different branches of the same repo, thus having dev, test, and prod versions of your tasks. It's super powerful!

![GitHub integration with Webtask](https://images.ctfassets.net/23aumh6u8s0i/70PeF2y7xmgj64x8XuU6Tr/5f1640d312490030496af901ed16ec95/github-integration)

### Task Management
Press `CMD + P` or click on the list or on the "Webtasks" icon and you'll see a list of all your tasks. From the list, you can switch to a different task, open a task in a different window, or even delete tasks. You can type into the search bar to filter the list of displayed tasks.

![Webtask Quicksearch](https://images.ctfassets.net/23aumh6u8s0i/013ieClwPQkwz7ZgygiQKT/94a6e743044be87d83bd432ec5bc75c9/quicksearch)

### Shortcuts
The new editor has tons of shortcuts for common actions within the editor as well as additional features like beautifying your code. You can see the list of shortcuts by clicking on the Shortcuts icon in the upper right corner.

![Webtask shortcuts](https://images.ctfassets.net/23aumh6u8s0i/5s8ULTLcTgcg0p459psONK/9fb487afcd17f69e08098cb9d1bdb924/shortcuts)

### CLI Support
If you like using our [CLI](https://webtask.io/cli?utm_source=auth0.com&utm_medium=blog&utm_campaign=webtask_editor_launch), we've got you covered. You can go right from the shell to the editor with the `edit` command, i.e. `wt edit mytask`.

![Webtask CLI support](https://images.ctfassets.net/23aumh6u8s0i/5Xi5ZMbIkevHxrD3eaMgMi/e8d4f572b0627611def2cd6ed385b3ab/from-cli)

## Go Try It! 
The new Webtask Editor is an amazing tool for serverless development. It will let you instantly go from idea => code => running. Not only do you get a rich browser-based authoring experience, but you get a tool to secure, test, and debug your code. Go get started playing with the Webtask editor now: [webtask.io/make](https://webtask.io/make?utm_source=auth0.com&utm_medium=blog&utm_campaign=webtask_editor_launch). Also check out our documentation at [webtask.io/docs/editor](https://webtask.io/docs/editor?utm_source=auth0.com&utm_medium=blog&utm_campaign=webtask_editor_launch).


Serverless development reimagined with the new Webtask Editor

99c4080f412ccf46b9b564db7f482907?s=200 avatar

99c4080f412ccf46b9b564db7f482907?s=200

I'm currently a Senior Developer Advocate at MongoDB. I'm also a Google Developer Expert for Web Technologies and spend most my time giving talks at conferences and meetups, mentoring developers and running workshops, and creating online content to help technology professionals.

Former Auth0 Employee

Ado Kukic

Learn how to build a serverless app with Lambda, the function-as-a-service platform from Amazon. Find out how AWS Lambda stacks up against Webtask.

"Function-as-a-Service"