Create a Component Folder

This endpoint creates a new component group (folder).

https://mapi.storyblok.com/v1/spaces/:space_id/component_groups/

Path Parameters

:space_id
required number

Numeric ID of a space

Request Body Properties

component_group
The Component Folder Object

The Component Folder Object
- name
  required string
  
  Name of the group
- parent_id
  number
  
  ID of the parent folder

Response Properties

component_group
The Component Folder Object

The Component Folder Object
- id
  number
  
  The numeric ID
- name
  string
  
  Name of the group
- uuid
  string
  
  Uuid of the group
- parent_id
  number
  
  ID of the parent folder
- parent_uuid
  string
  
  UUID of component's parent group (folder)

Select a Language

Request

curl "https://mapi.storyblok.com/v1/spaces/606/component_groups/" \
  -X POST \
  -H "Content-Type: application/json" \
  -H "Authorization: YOUR_OAUTH_TOKEN" \
  -d "{\"component_group\": {\"name\": \"Teasers\",\"parent_id\": \"123123\"}}"

Request

// Using the Universal JavaScript Client:
// https://github.com/storyblok/storyblok-js-client
Storyblok.post('/spaces/606/component_groups/', {
  "component_group": {
    "name": "Teasers",
    "parent_id": "123123"
  }
})
  .then(response => {
    console.log(response)
  }).catch(error => { 
    console.log(error)
  })

Request

$client = new \Storyblok\ManagementClient('YOUR_OAUTH_TOKEN');

$payload = [
  "component_group" =>  [
    "name" =>  "Teasers",
    "parent_id" =>  "123123"
  ]
];

$client->post('/spaces/606/component_groups/', $payload)->getBody();

Request

require 'storyblok'
client = Storyblok::Client.new(oauth_token: 'YOUR_OAUTH_TOKEN')

payload = {
  "component_group" =>  {
    "name" =>  "Teasers",
    "parent_id" =>  "123123"
  }
}

client.post('/spaces/606/component_groups/', payload)

Request

HttpResponse<String> response = Unirest.post("https://mapi.storyblok.com/v1/spaces/606/component_groups/")
  .header("Content-Type", "application/json")
  .header("Authorization", "YOUR_OAUTH_TOKEN")
  .body("{\"component_group\": {\"name\": \"Teasers\",\"parent_id\": \"123123\"}}")
  .asString();

Request

var client = new RestClient("https://mapi.storyblok.com/v1/spaces/606/component_groups/");
var request = new RestRequest(Method.POST);

request.AddHeader("Content-Type", "application/json");
request.AddHeader("Authorization", "YOUR_OAUTH_TOKEN");
request.AddParameter("application/json", "{\"component_group\": {\"name\": \"Teasers\",\"parent_id\": \"123123\"}}", ParameterType.RequestBody);
IRestResponse response = client.Execute(request);

Request

import Foundation

let headers = [
  "Content-Type": "application/json",
  "Authorization": "YOUR_OAUTH_TOKEN"
]

let postData = NSData(data: "{\"component_group\": {\"name\": \"Teasers\",\"parent_id\": \"123123\"}}".data(using: String.Encoding.utf8)!)
let request = NSMutableURLRequest(url: NSURL(string: "https://mapi.storyblok.com/v1/spaces/606/component_groups/")! as URL, cachePolicy: .useProtocolCachePolicy, timeoutInterval: 10.0)

request.method = "POST"
request.allHTTPHeaderFields = headers
request.httpBody = postData as Data

let session = URLSession.shared
let dataTask = session.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
  if (error != nil) {
    print(error)
  } else {
    let httpResponse = response as? HTTPURLResponse
    print(httpResponse)
  }
})

dataTask.resume()

Request

import requests

url = "https://mapi.storyblok.com/v1/spaces/606/component_groups/"

querystring = {}

payload = "{\"component_group\": {\"name\": \"Teasers\",\"parent_id\": \"123123\"}}"
headers = {
  'Content-Type': "application/json",
  'Authorization': "YOUR_OAUTH_TOKEN"
}

response = requests.request("POST", url, data=payload, headers=headers, params=querystring)

print(response.text)

You will receive a fully loaded component folder object as a response.

Prev Retrieve Multiple Component Folders

Next Update a Component folder