1

Create a developer account

Head over to our Developer dashboard and sign in with your Attio account.Then, create a developer account. You should set the name of your account to the name of your company or organization.
2

Create a new app

Now that you’ve created a developer account, lets create an app. You can do this from the sidebar by clicking the new app button.Now give it a name and hit create. Note your aoo’s slug needs to be unique.
3

Develop your app

Now that you’ve created your app, lets download your apps starter code. You can do this by following the quickstart instructions in the developer dashboard’s app information tab.Fire up your favourite terminal and enter npx attio init [your-app-slug]. For example, if your app slug is my-first-app you would enter npx attio init your-first-app. Your app slug can be found on the app details page in our Developer dashboard.Next you need to cd into the newly created project folder and run npm install.Now that’s complete all that’s left to do is start running your app locally. To do this run npx attio dev in the project directory.It will ask you to choose a workspace to develop your app in. We recommend creating a separate workspace for development that isn’t your main production Attio workspace. Once you choose a workspace you will be redirected to install the app.
4

Install your app

You should have been redirected to install your app in the previous step. Hit install to do that.If you closed your browser tab, you can also head over to the Workspace settings > Apps page to find and install this app.
5

Try out your app

Now that your app is installed lets take a look at the example action we’ve added to Attio.Head over to any record page. Click the three dots overflow menu button and you should see your app’s name listed as an option.Click it, and it will reveal a dialog.Congratulations! Your app is now running inside Attio.
6

Make changes

Lets try editing the dialog code. Head over to hello-world-dialog.tsx. And try changing some of the code in the dialog.Hit save. Head back to Attio, close your dialog and re-open it by clicking the action button again. You should see your changes live.Well done! You’re now well on your way to building apps in Attio.