{"id":12716,"date":"2022-11-28T13:50:00","date_gmt":"2022-11-28T10:50:00","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=12716"},"modified":"2022-11-29T12:35:23","modified_gmt":"2022-11-29T09:35:23","slug":"template-widgets-for-flatlogic-platform","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/","title":{"rendered":"Introducing Template Widgets for Flatlogic Platform"},"content":{"rendered":"\n<p>Introducing Template Widgets for the <a href=\"https:\/\/flatlogic.com\/documentation\/react-nodejs-typeorm-postgresql\" target=\"_blank\" rel=\"noreferrer noopener\">Flatlogic full-stack web application generator<\/a>. Widgets can be used for any information the user needs. We show a simple version of the number of created entities and the user can write any custom logic to display the information he or she needs.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"504\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-12.38.25-1024x504.png\" alt=\"\" class=\"wp-image-12717 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-12.38.25-1024x504.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-12.38.25-600x295.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-12.38.25-768x378.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-12.38.25-1536x756.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-12.38.25-2048x1008.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/504;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">About Flatlogic Platform<\/h2>\n\n\n\n<p><a href=\"https:\/\/flatlogic.com\/blog\/what-is-the-rapid-development-model\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=update\" target=\"_blank\" rel=\"noreferrer noopener\">Flatlogic<\/a> help software engineers and companies start <a href=\"https:\/\/flatlogic.com\/blog\/7-reasons-why-ui-matters-in-web-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">web application<\/a> fast. <a href=\"http:\/\/flatlogic.com\/documentation\/changelog\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=update\" target=\"_blank\" rel=\"noreferrer noopener\">Flatlogic<\/a> generated <a href=\"https:\/\/flatlogic.com\/blog\/7-trends-in-javascript-to-look-for-in-2020\/\" target=\"_blank\" rel=\"noreferrer noopener\">web<\/a> application code in different stacks (<a href=\"https:\/\/flatlogic.com\/blog\/crud-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vue<\/a>, <a href=\"https:\/\/flatlogic.com\/blog\/crud-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">React<\/a>, <a href=\"https:\/\/flatlogic.com\/blog\/bootstrap-vs-material-ui-which-one-to-use-for-the-next-web-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">Angular<\/a>, <a href=\"https:\/\/flatlogic.com\/blog\/top-javascript-calendar-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">Node.js<\/a>, <a href=\"https:\/\/flatlogic.com\/blog\/best-headless-cms\/\" target=\"_blank\" rel=\"noreferrer noopener\">Laravel<\/a>) in minutes based on the <a href=\"https:\/\/flatlogic.com\/blog\/ready-made-web-app-scheme-integration-flatlogic-platform-update\/\" target=\"_blank\" rel=\"noreferrer noopener\">database schema<\/a>. You can create DB schema either using our internal <a href=\"https:\/\/flatlogic.com\/blog\/react-admin-templates\/\">UI<\/a> tool or by importing <a href=\"https:\/\/flatlogic.com\/blog\/what-is-postgresql\/\">SQL<\/a> scheme files.<\/p>\n\n\n\n<p>The resulting <a href=\"https:\/\/flatlogic.com\/blog\/difference-between-react-and-angular-a-comparison-guide-for-2021\/\" target=\"_blank\" rel=\"noreferrer noopener\">app<\/a> will have the following features out of a box:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Preconfigured authorization and authenticating;<\/li><li>Tables and forms;<\/li><li>Responsive UI of the <a href=\"https:\/\/flatlogic.com\/blog\/difference-between-react-and-angular-a-comparison-guide-for-2021\/\" target=\"_blank\" rel=\"noreferrer noopener\">app<\/a>;<\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/react-pagination-guide-and-best-react-pagination-libraries\/\" target=\"_blank\" rel=\"noreferrer noopener\">CRUD<\/a> functions;<\/li><li>Full access to the <a href=\"https:\/\/flatlogic.com\/blog\/8-reasons-to-use-javascript-libraries-in-project-management-apps\/\" target=\"_blank\" rel=\"noreferrer noopener\">front-end<\/a>, and back-end code;<\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/what-is-docker-and-why-use-it\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docker<\/a> for deploying to other platforms;<\/li><li>Auto-generated <a href=\"https:\/\/flatlogic.com\/blog\/react-pagination-guide-and-best-react-pagination-libraries\/\" target=\"_blank\" rel=\"noreferrer noopener\">API<\/a> for each entity documented in Swagger.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Summing Up<\/h2>\n\n\n\n<p>We have spent a lot of time and effort on improving our Platform. It is a pleasure to create something new for our customers and always be in touch with you. Don&#8217;t waste time, check out our new feature! If you face difficulties, please, feel free to leave us a message on our <a href=\"https:\/\/flatlogic.com\/forum\/\" target=\"_blank\" rel=\"noreferrer noopener\">forum<\/a>, <a href=\"https:\/\/twitter.com\/flatlogic\/\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a> or <a href=\"https:\/\/www.facebook.com\/flatlogic\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>. We will respond to your inquiry as quickly as possible!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducing Template Widgets for the Flatlogic full-stack web application generator. <\/p>\n","protected":false},"author":24,"featured_media":12718,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Flatlogic introduces Template Widgets for its full-stack app generator.\nWidgets can show metrics like the count of created entities and support custom logic.\nPlatform generates web app code in Vue, React, Angular, Node.js, Laravel in minutes from a DB schema.\nGenerated apps include auth, forms, responsive UI, CRUD, Docker, and Swagger-documented APIs.","flatlogic_facts":[{"text":"Template Widgets introduced for the Flatlogic full-stack app generator.","source":""},{"text":"Example widget shows the number of created entities.","source":""},{"text":"Widgets support custom logic to display any required information.","source":""},{"text":"Platform generates code in Vue, React, Angular, Node.js, and Laravel in minutes from a DB schema.","source":""},{"text":"Generated apps include an auto-generated API for each entity, documented in Swagger.","source":""}],"footnotes":""},"categories":[129],"tags":[12,268,441,50],"class_list":["post-12716","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-admin-template","tag-flatlogic-generator","tag-flatlogic-platform","tag-flatlogic-story-amp-awards"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v26.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Template Widgets for Flatlogic Platform - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Introducing Template Widgets for the Flatlogic full-stack web application generator.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Template Widgets for Flatlogic Platform\" \/>\n<meta property=\"og:description\" content=\"Introducing Template Widgets for the Flatlogic full-stack web application generator.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-28T10:50:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-29T09:35:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-15.15.43.png\" \/>\n\t<meta property=\"og:image:width\" content=\"618\" \/>\n\t<meta property=\"og:image:height\" content=\"620\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alesia S.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:site\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alesia S.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introducing Template Widgets for Flatlogic Platform - Flatlogic Blog","description":"Introducing Template Widgets for the Flatlogic full-stack web application generator.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Template Widgets for Flatlogic Platform","og_description":"Introducing Template Widgets for the Flatlogic full-stack web application generator.","og_url":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2022-11-28T10:50:00+00:00","article_modified_time":"2022-11-29T09:35:23+00:00","og_image":[{"width":618,"height":620,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-15.15.43.png","type":"image\/png"}],"author":"Alesia S.","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Alesia S.","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/"},"author":{"name":"Alesia S.","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/4ea8cd13c3b9919c455be1f34183a0c9"},"headline":"Introducing Template Widgets for Flatlogic Platform","datePublished":"2022-11-28T10:50:00+00:00","dateModified":"2022-11-29T09:35:23+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/"},"wordCount":223,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-15.15.43.png","keywords":["Admin Template","Flatlogic Generator","Flatlogic Platform","Flatlogic Story &amp; Awards"],"articleSection":["Updates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/","url":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/","name":"Introducing Template Widgets for Flatlogic Platform - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-15.15.43.png","datePublished":"2022-11-28T10:50:00+00:00","dateModified":"2022-11-29T09:35:23+00:00","description":"Introducing Template Widgets for the Flatlogic full-stack web application generator.","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-15.15.43.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-28-at-15.15.43.png","width":618,"height":620},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/template-widgets-for-flatlogic-platform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing Template Widgets for Flatlogic Platform"}]},{"@type":"WebSite","@id":"https:\/\/flatlogic.com\/blog\/#website","url":"https:\/\/flatlogic.com\/blog\/","name":"Flatlogic Blog","description":"Vibe-coding, AI Agents, Professional Software Development Services, Case Studies and More","publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"alternateName":"Flatlogic Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flatlogic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flatlogic.com\/blog\/#organization","name":"Flatlogic","url":"https:\/\/flatlogic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","width":970,"height":257,"caption":"Flatlogic"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flatlogic","https:\/\/x.com\/flatlogic","https:\/\/www.instagram.com\/flatlogiccom\/","https:\/\/www.linkedin.com\/company\/flatlogic\/"]},{"@type":"Person","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/4ea8cd13c3b9919c455be1f34183a0c9","name":"Alesia S.","url":"https:\/\/flatlogic.com\/blog\/author\/alesya\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=12716"}],"version-history":[{"count":4,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12716\/revisions"}],"predecessor-version":[{"id":12723,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12716\/revisions\/12723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/12718"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=12716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=12716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=12716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}