Quickstart Guide
This quickstart guide is designed to get you up and running with a Directus Project in a few minutes. Along the way, you will better understand what Directus is, setup your Directus project locally or with Directus Cloud, and get a hands-on introduction to the App and API.
1. Create a Project
Create and login to your Directus Cloud account
The very first time you log in to your Cloud Account, you will be prompted to create a Team. Each Directus Cloud Project exists within the scope of one Team. They allow you to organize Team Members, Projects and Project Billing as desired.
Create a new project
Once started, it should take around 90 seconds for the Cloud Project to created. During this time, a link will be sent to the email associated with your Cloud Account. The email will contain your Project URL as well as an email and password to login. If you used GitHub to create your account, this will be your GitHub email.
Access your new project
Login to your new project using the URL in your email inbox or on your Directus Cloud Dashboard.
Learn more about Directus Cloud Projects in our User Guide.
2. Create a Collection
Once logged in, you're greeted with the option to create your first Collection.
- Navigate into the Content Module.
- Click "Create Collection" and a side menu will appear.
- Fill in a Name.
For the sake of this demo, we'll call oursarticles
, but feel free to make it your own! - Leave the other options at default. Click arrow_forward and the "Optional Fields" menu will open.
Keep the values in this menu at the default, toggled off, for now. You can adjust them later. - Click check in the menu header.
Learn More About Collections
3. Create a Field
With your first Collection created, it's time to start adding some Fields.
- Navigate to Settings Module > Data Model >
Collection-Name
. - Click the "Create Field" button and select the "Input" Field type.
- Fill in a Field name under Key. We'll be calling our Field
title
.
Directus offers powerful Field customization options, but let's stick to the defaults for now. - Select "Save".
Learn More About Fields
4. Create an Item
Now that we have a Collection with a Field configured, it's time to add an Item.
- Navigate to the Content Module.
- Click add in the page header to open the Item Page.
- Fill in the Field Value(s) as desired.
- Click check in the top-right to save your Item.
Learn More About Items
5. Set Roles & Permissions
Directus comes with two built-in roles: Public and Admin. The Public Role determines what data is returned to non-authenticated users. Public comes with all permissions turned off and can be reconfigured with fully granular control to expose exactly what you want unauthenticated Users to see. The Admin role has full permissions and this cannot be changed. Aside from these built-in Roles, any number of new Roles can be created, all with fully customized, granular permissions.
By Default, content entered into Directus will be considered private. So permissions always start off set to the default of block No Access, with full ability to reconfigure as desired. So, in order to have the API return our Items, let's add some read permissions. For simplicity's sake, we'll do this on the Public Role, instead of creating a new Role.
- Navigate to Settings Module > Access Control > Public.
- Click block under the visibility icon on the desired Collection.
In our case, the Collection name isarticles
. - Click "All Access" to give the Public Role full read permissions to the Items in this Collection.
Learn More About Roles & Permissions
6. Connect to the API
Now that your Project has some content in it which is exposed to the Public, it's time to start using this content externally! Data can be accessed in a number of ways, including the REST and GraphQL API endpoints. In this case, we'll use the /items/
REST API endpoint to retrieve the Item we just created.
- Open
http://your-project-url.directus.app/items/articles
in your browser.
And there it is! The Article Item you just created is being served in beautiful JSON, ready to be used anywhere and everywhere!
{
"data": [
{
"id": 1,
"title": "Hello World!"
}
]
}
{
"data": [
{
"id": 1,
"title": "Hello World!"
}
]
}
In this example, we made a super-simple read request with the API, but there's more! The REST and GraphQL APIs provide exhaustive endpoints for the data model and every single action that you can do in the App can be done via the API. In fact, the App is just a GUI powered by the API.
Learn More About The API