{"id":56630,"date":"2023-02-07T12:58:48","date_gmt":"2023-02-07T07:28:48","guid":{"rendered":"https:\/\/2thenew.today\/blog\/?p=56630"},"modified":"2025-12-04T11:19:58","modified_gmt":"2025-12-04T05:49:58","slug":"using-strapi-cms-to-create-a-collection-for-form-data","status":"publish","type":"post","link":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/","title":{"rendered":"Using Strapi-CMS to Create a Collection for Form Data"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Today I am going to write about how we can use <a href=\"https:\/\/strapi.io\/\">Strapi<\/a> CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/strapi.io\/\">Strapi<\/a> is an open-source, Node. js-based, Headless CMS that saves developers a lot of development time while giving them the freedom to use their favorite tools and frameworks.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/strapi.io\/\">Strapi<\/a> also enables content editors to streamline content delivery (text, images, video, etc.) across any device.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Some basic information about <a href=\"https:\/\/strapi.io\/\">Strapi<\/a> content types :\u00a0<\/span><\/p>\n<ul>\n<li><b>Collections<\/b><span style=\"font-weight: 400;\">: Easily create collection types to repeat the same type <\/span><span style=\"font-weight: 400;\">of content, like blog posts, products, users, or any <\/span><span style=\"font-weight: 400;\">content you can think of<\/span><\/li>\n<li><b>Single Type<\/b><span style=\"font-weight: 400;\">: Create one-off pages with unique content <\/span><span style=\"font-weight: 400;\">structure: homepage, menu, SEO settings<\/span><\/li>\n<li><b>Fields<\/b><span style=\"font-weight: 400;\">: Writing content consists of filling up fields, which are meant to contain specific content (e.g. text, numbers, media, etc.). Easily configure them through the Content-Types Builder<\/span><\/li>\n<li><b>Reusable Components<\/b><span style=\"font-weight: 400;\">: Components are reusable structures you can share between all your content types. Components can be included in any content type, either as a single entry or a list of entries for meta information, links, sections list, or any repeatable content<\/span><\/li>\n<li><b>Dynamic Zones<\/b>: Dynamic Zones is a native feature in <a href=\"https:\/\/strapi.io\/\">Strapi<\/a> that lets teams build customizable pages on the fly and minimize developers&#8217; time to add new content. It lets your developers build web experiences and have a good night&#8217;s sleep without worrying about all the content being seamlessly added by the content managers<\/li>\n<\/ul>\n<p><b>Pre-Requisites<\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Make sure to have Node installed on your system.<\/span><\/li>\n<\/ul>\n<p><b>Strapi Installation<\/b><\/p>\n<p><i><span style=\"font-weight: 400;\">You can refer to <\/span><\/i><a href=\"https:\/\/docs.strapi.io\/developer-docs\/latest\/setup-deployment-guides\/installation\/cli.html#preparing-the-installation\"><i><span style=\"font-weight: 400;\">https:\/\/docs.strapi.io\/developer-docs\/latest\/setup-deployment-guides\/installation\/cli.html#preparing-the-installation<\/span><\/i><\/a><i><span style=\"font-weight: 400;\"> in case you face any difficulties during the installation.<\/span><\/i><\/p>\n<p><b>Creating a Component<\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Firstly, let&#8217;s create the type of inputs your form can have.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Let&#8217;s make 3 components, an Input field, a Dropdown, and a Button.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click on Create a Component\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56619 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/create-a-comp-1.png\" alt=\"Blog image\" width=\"922\" height=\"516\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-1.png 922w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-1-300x168.png 300w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-1-768x430.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-1-624x349.png 624w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Click on continue\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Add a text field by \u2018name\u2019 for your form field.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56620 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/create-a-comp-2.png\" alt=\"Blog image\" width=\"913\" height=\"474\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-2.png 913w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-2-300x156.png 300w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-2-768x399.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-2-624x324.png 624w\" sizes=\"auto, (max-width: 913px) 100vw, 913px\" \/><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Similarly, add additional fields you might need.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56622 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/create-a-comp-text-field.png\" alt=\"Blog image\" width=\"774\" height=\"479\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-text-field.png 774w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-text-field-300x186.png 300w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-text-field-768x475.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-a-comp-text-field-624x386.png 624w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Now Create the other two components for the button and dropdown.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Add some points regarding validation, eg: Button label length restriction.<\/span><\/li>\n<\/ul>\n<p><b>Create a Collection<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Just like how we created a component, we will now create a collection type with the name for Form-details, which will have some basic details like name and description.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Now, we add a dynamic zone to our collection (Dynamic Zones is a new native feature in <a href=\"https:\/\/strapi.io\/\">Strapi<\/a> that lets teams build reusable content models and minimize the number of changes developers need to make to add new content).<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56623 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/create-dynamic-field.png\" alt=\"Blog image\" width=\"921\" height=\"332\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-dynamic-field.png 921w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-dynamic-field-300x108.png 300w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-dynamic-field-768x277.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/create-dynamic-field-624x225.png 624w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" \/><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Select the components text field, button, and dropdown we previously created under form-group.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56624 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/addDynamicZone.png\" alt=\"Blog image\" width=\"921\" height=\"439\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/addDynamicZone.png 921w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/addDynamicZone-300x143.png 300w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/addDynamicZone-768x366.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/addDynamicZone-624x297.png 624w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" \/><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Finally, This is what our collection should look like finally:<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56625 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/collection.png\" alt=\"Blog image\" width=\"810\" height=\"581\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/collection.png 810w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/collection-300x215.png 300w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/collection-768x551.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/collection-624x448.png 624w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/p>\n<p><b>Adding entries in our Collection<\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Go to collection types in the top left section, Select Form Details, and then click on \u2018Add new form details<\/span><\/li>\n<li><span style=\"font-weight: 400;\">All the fields we created for our collection should now be available for you to enter.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Enter all the details.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56627 size-large\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/CollectionENtry-871x1024.png\" alt=\"Blog image\" width=\"625\" height=\"735\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/CollectionENtry-871x1024.png 871w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/CollectionENtry-255x300.png 255w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/CollectionENtry-768x903.png 768w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/CollectionENtry-624x733.png 624w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/CollectionENtry.png 1101w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/p>\n<ul>\n<li>Click on &#8216;Publish&#8217;<\/li>\n<\/ul>\n<p><b>Make the created collection available to be fetched via API\u2019s<\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Go to Settings (bottom-left section)<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click on Roles<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Select a role<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Now, find your collection type\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Enable find and findOne\u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56628 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/EnableFindCollection.png\" alt=\"Blog image\" width=\"425\" height=\"137\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/EnableFindCollection.png 425w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/EnableFindCollection-300x97.png 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Save your changes.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">In a new tab, go to \u2018<\/span><a href=\"http:\/\/localhost:1337\/form-details\/1\"><span style=\"font-weight: 400;\">http:\/\/localhost:1337\/form-details\/1<\/span><\/a><span style=\"font-weight: 400;\">\u2019; you will find your entered details in object format.\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">You can also find the get API endpoint on the same page in the right-hand side section.<\/span><\/li>\n<\/ul>\n<p>A look at the <a href=\"https:\/\/strapi.io\/\">Strapi<\/a> data in the browser :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56629 size-full\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/screencapture-localhost-1337-form-details-2023-02-02-18_00_08.png\" alt=\"Blog image\" width=\"358\" height=\"636\" srcset=\"https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/screencapture-localhost-1337-form-details-2023-02-02-18_00_08.png 358w, https:\/\/2thenew.today\/blog\/wp-content\/uploads\/2023\/02\/screencapture-localhost-1337-form-details-2023-02-02-18_00_08-169x300.png 169w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/p>\n<p>In my next blog, I will use this created collection to create a simple dynamic form using React js.<\/p>\n<div class=\"ap-custom-wrapper\"><\/div><!--ap-custom-wrapper-->","protected":false},"excerpt":{"rendered":"<p>Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS [&hellip;]<\/p>\n","protected":false},"author":1540,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":216,"footnotes":""},"categories":[1994,1],"tags":[5101],"class_list":["post-56630","post","type-post","status-publish","format-standard","hentry","category-software-development","category-technology","tag-strapi-strapi-cms-javascript-headless-cms"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Anshul Mittal\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#article\",\"name\":\"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog\",\"headline\":\"Using Strapi-CMS to Create a Collection for Form Data\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"\\\/blog\\\/wp-ttn-blog\\\/uploads\\\/2023\\\/02\\\/create-a-comp-1.png\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#articleImage\"},\"datePublished\":\"2023-02-07T12:58:48+05:30\",\"dateModified\":\"2025-12-04T11:19:58+05:30\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#webpage\"},\"articleSection\":\"Software development, Technology, strapi strapi-cms javascript headless-cms\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#listItem\",\"name\":\"Using Strapi-CMS to Create a Collection for Form Data\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#listItem\",\"position\":3,\"name\":\"Using Strapi-CMS to Create a Collection for Form Data\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/\",\"name\":\"Anshul Mittal\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#authorImage\",\"url\":\"https:\\\/\\\/newersworld-sf-static.tothenew.net\\\/prod\\\/profilePicFolder\\\/721a1d39-d21e-4d9d-8fbf-7e7321f60bea_4975-Anshul-Mittal-PROFILEPICTURE.jpeg\",\"width\":96,\"height\":96,\"caption\":\"Anshul Mittal\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/\",\"name\":\"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog\",\"description\":\"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/using-strapi-cms-to-create-a-collection-for-form-data\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/anshul-mittal\\\/#author\"},\"datePublished\":\"2023-02-07T12:58:48+05:30\",\"dateModified\":\"2025-12-04T11:19:58+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog","description":"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS","canonical_url":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#article","name":"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog","headline":"Using Strapi-CMS to Create a Collection for Form Data","author":{"@id":"https:\/\/2thenew.today\/blog\/author\/anshul-mittal\/#author"},"publisher":{"@id":"https:\/\/2thenew.today\/blog\/#organization"},"image":{"@type":"ImageObject","url":"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/create-a-comp-1.png","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#articleImage"},"datePublished":"2023-02-07T12:58:48+05:30","dateModified":"2025-12-04T11:19:58+05:30","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#webpage"},"isPartOf":{"@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#webpage"},"articleSection":"Software development, Technology, strapi strapi-cms javascript headless-cms"},{"@type":"BreadcrumbList","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog#listItem","position":1,"name":"Home","item":"https:\/\/2thenew.today\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/2thenew.today\/blog\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#listItem","name":"Using Strapi-CMS to Create a Collection for Form Data"},"previousItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#listItem","position":3,"name":"Using Strapi-CMS to Create a Collection for Form Data","previousItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/category\/technology\/#listItem","name":"Technology"}}]},{"@type":"Organization","@id":"https:\/\/2thenew.today\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/2thenew.today\/blog\/"},{"@type":"Person","@id":"https:\/\/2thenew.today\/blog\/author\/anshul-mittal\/#author","url":"https:\/\/2thenew.today\/blog\/author\/anshul-mittal\/","name":"Anshul Mittal","image":{"@type":"ImageObject","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#authorImage","url":"https:\/\/newersworld-sf-static.tothenew.net\/prod\/profilePicFolder\/721a1d39-d21e-4d9d-8fbf-7e7321f60bea_4975-Anshul-Mittal-PROFILEPICTURE.jpeg","width":96,"height":96,"caption":"Anshul Mittal"}},{"@type":"WebPage","@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#webpage","url":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/","name":"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog","description":"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/2thenew.today\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/#breadcrumblist"},"author":{"@id":"https:\/\/2thenew.today\/blog\/author\/anshul-mittal\/#author"},"creator":{"@id":"https:\/\/2thenew.today\/blog\/author\/anshul-mittal\/#author"},"datePublished":"2023-02-07T12:58:48+05:30","dateModified":"2025-12-04T11:19:58+05:30"},{"@type":"WebSite","@id":"https:\/\/2thenew.today\/blog\/#website","url":"https:\/\/2thenew.today\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/2thenew.today\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog","og:description":"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS","og:url":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/","og:image":"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"Using Strapi-CMS to Create a Collection for Form Data | TO THE NEW Blog","twitter:description":"Today I am going to write about how we can use Strapi CMS to create a collection that can be later used to create forms. In my project, a similar approach has been used to create forms, It helps reduce code and makes an easy-to-use common component. Strapi is an open-source, Node. js-based, Headless CMS","twitter:image":"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"56630","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":{"id":"#aioseo-article-65e05458a13bd","slug":"article","graphName":"Article","label":"Article","properties":{"type":"BlogPosting","name":"#post_title","headline":"#post_title","description":"#post_excerpt","image":"","keywords":"","author":{"name":"#author_name","url":"#author_url"},"dates":{"include":true,"datePublished":"","dateModified":""}}},"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"created":"2023-02-12 15:28:48","updated":"2025-12-04 05:49:58","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/2thenew.today\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/2thenew.today\/blog\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tUsing Strapi-CMS to Create a Collection for Form Data\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/2thenew.today\/blog"},{"label":"Technology","link":"https:\/\/2thenew.today\/blog\/category\/technology\/"},{"label":"Using Strapi-CMS to Create a Collection for Form Data","link":"https:\/\/2thenew.today\/blog\/using-strapi-cms-to-create-a-collection-for-form-data\/"}],"_links":{"self":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts\/56630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/users\/1540"}],"replies":[{"embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/comments?post=56630"}],"version-history":[{"count":3,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts\/56630\/revisions"}],"predecessor-version":[{"id":76977,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts\/56630\/revisions\/76977"}],"wp:attachment":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/media?parent=56630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/categories?post=56630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/tags?post=56630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}