{"id":4113,"date":"2021-03-01T07:00:00","date_gmt":"2021-03-01T07:00:00","guid":{"rendered":"https:\/\/www.diogonunes.com\/blog\/?p=4113"},"modified":"2021-01-23T15:24:42","modified_gmt":"2021-01-23T15:24:42","slug":"using-no-code-to-create-website-from-table","status":"publish","type":"post","link":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/","title":{"rendered":"Using no-code to create a website from a table"},"content":{"rendered":"<figure id=\"attachment_4114\" aria-describedby=\"caption-attachment-4114\" style=\"width: 580px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.diogonunes.com\/blog\/?attachment_id=4114\" rel=\"attachment wp-att-4114\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?resize=580%2C387&#038;ssl=1\" alt=\"building block\" width=\"580\" height=\"387\" class=\"size-large wp-image-4114\" srcset=\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?resize=400%2C267&amp;ssl=1 400w, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?resize=1536%2C1024&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?resize=1200%2C800&amp;ssl=1 1200w, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?w=1920&amp;ssl=1 1920w, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?w=1740&amp;ssl=1 1740w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a><figcaption id=\"caption-attachment-4114\" class=\"wp-caption-text\"><span>Photo by <a href=\"https:\/\/unsplash.com\/@iurte?utm_source=unsplash&#038;utm_medium=referral&#038;utm_content=creditCopyText\">Iker Urteaga<\/a> on <a href=\"https:\/\/unsplash.com\/?utm_source=unsplash&#038;utm_medium=referral&#038;utm_content=creditCopyText\">Unsplash<\/a><\/span><\/figcaption><\/figure>\n<p>I have been hearing about &#8220;no-code&#8221; solutions for a while but never had the chance to use one. The concept is interesting because programming is usually a barrier for the average person. If they are not required to code, many more people would be able to develop digital and automated solutions to their problems.<\/p>\n<h3>Goal<\/h3>\n<p>Let&#8217;s say I want to create <strong>a website with a curated list of local clubs and other infrastructures that promote a high quality of life<\/strong>.<\/p>\n<p><!--more--><\/p>\n<pre><code class=\"gherkin\">Given a person wants to practice basketball\n When they visit the site and search for \"basketball\"\n Then they see a list of local basketball groups\n  And they see a list places to practice basketball\n<\/code><\/pre>\n<h3>Requirements<\/h3>\n<ol>\n<li>Collect data in rows<\/li>\n<li>Categorize data with tags<\/li>\n<li>Display data online\n<ul>\n<li><em>(nice to haves)<\/em><\/li>\n<li>With search<\/li>\n<li>With filters<\/li>\n<li>With modern look<\/li>\n<li>With free upkeep (domain + hosting)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Candidates<\/h3>\n<ul>\n<li>To implement requirement 1 and 2:\n<ul>\n<li><a href=\"https:\/\/airtable.com\/\">Airtable<\/a><\/li>\n<li><a href=\"https:\/\/www.notion.so\/\">Notion<\/a><\/li>\n<\/ul>\n<\/li>\n<li>To implement requirement 3:\n<ul>\n<li><a href=\"https:\/\/pory.io\/\">Pory<\/a> (requires Airtable)<\/li>\n<li><a href=\"https:\/\/table2site.com\/\">Table2Site<\/a> (requires Airtable, paid, invite-only)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Given requirement 3 is a must, Airtable was a strong contender from the start.<\/p>\n<p>I concluded <strong>Notion<\/strong> is more suited to create and manage knowledge bases \u2013 documents, notes, and markdown content in general. On the other hand, <strong>Airtable<\/strong> resembles a Google Sheet and seems to have more integrations to turn that table data into something else (like a website).<\/p>\n<p>I found a few examples of Airtable powered websites, like the job board <a href=\"https:\/\/www.nolojo.com\/\">Nolojo<\/a> or the curated list of newsletters <a href=\"https:\/\/www.pigeonnewsletters.com\/\">Pidgeon<\/a>.<\/p>\n<p>Here&#8217;s the detailed breakdown of my experience:<\/p>\n<ul>\n<li><a href=\"https:\/\/webflow.com\/\">Webflow<\/a>\n<ul>\n<li>\u274c It&#8217;s for websites<\/li>\n<li>\u274c You can&#8217;t use it properly without paying<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/www.jobboardfire.com\/\">Job Board Fire<\/a>\n<ul>\n<li>\u274c Specific to job boards<\/li>\n<li>\u274c Horribly expensive<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/tabbli.com\/\">Tabbli<\/a>\n<ul>\n<li>\u274c Paid after 15 days<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/www.notion.so\/\">Notion<\/a>\n<ul>\n<li>\u2705 Useful free plan; Many features; Good for docs and knowledge bases; Big player<\/li>\n<li>\u274c Doesn&#8217;t implement well requirement #3, see <a href=\"https:\/\/www.notion.so\/Job-Board-cfea2c00f81a490b82489ab515177ecb\">example<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/airtable.com\/\">Airtable<\/a>\n<ul>\n<li>\u2705 Useful free plan; Many features; Good for sheets and lists of data; Big player<\/li>\n<li>\u2705 Plenty of examples and tools to implement requirement #3<\/li>\n<li>\ud83c\udfc6 Airtable wins (<a href=\"https:\/\/radreads.co\/notion-airtable\/\">Notion vs Airtable<\/a>)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Implementation<\/h3>\n<ul>\n<li>\u2705 Requirement 1+2: <strong>collect data in rows<\/strong>, using <a href=\"https:\/\/airtable.com\/\">Airtable<\/a>\n<ul>\n<li>Easy to create the base&#8217;s structure, plenty of field types<\/li>\n<li>Modern and friendly UI, a pleasure to use<\/li>\n<\/ul>\n<\/li>\n<li>\u2705 Requirement 3: <strong>display data online<\/strong>, using <a href=\"https:\/\/pory.io\/\">Pory<\/a>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=qcFbfDDgkqM\">Video guide<\/a><\/li>\n<li>Pory links with Airtable via API key<\/li>\n<li>Mapping from Airtable&#8217;s base to Pory&#8217;s UI blocks is straightforward<\/li>\n<\/ul>\n<\/li>\n<li>\u26a0\ufe0f Nice to have: How to <strong>show categories and tags<\/strong> as search filters?\n<ul>\n<li>First pain: far from &#8220;it just works&#8221; like until now, not intuitive at all<\/li>\n<li><a href=\"https:\/\/pory.io\/support\/sites\/filters\">I had to follow this official guide<\/a><\/li>\n<li>\u274c You have to create another base and manually add the values you want as filters\n<ol>\n<li>From your source base, select a Filter column, copy all values<\/li>\n<li>Copy-paste to a text editor (e.g. Sublime Text or VS Code)<\/li>\n<li>Replace all commas with new lines (e.g. multiple cursor)<\/li>\n<li>Use a command to filter only unique values and then sort them<\/li>\n<li>Copy the results to the Filter base<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n<li>\u2705 Nice to have: How to <strong>collect user submitted data<\/strong> via form?\n<ul>\n<li><a href=\"https:\/\/support.airtable.com\/hc\/en-us\/articles\/206058268-Guide-to-forms#create\">Official guide<\/a>, easy to follow\n<ol>\n<li>You take your existing base and create a &#8220;Form&#8221; view \u2013 neat!<\/li>\n<li>Customise which fields appear in the form<\/li>\n<li>And what happens when the user submits the form<\/li>\n<\/ol>\n<\/li>\n<li>The best way is to create a separate &#8220;User submissions&#8221; base<\/li>\n<li>Then you moderate by cut-pasting the moderated submissions to the &#8220;Live&#8221; base<\/li>\n<\/ul>\n<\/li>\n<li>\u26a0\ufe0f Nice to have: How to track number of visitors?\n<ul>\n<li>Not possible to add Google Analytics in the free plan<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>I have been hearing about &#8220;no-code&#8221; solutions for a while but never had the chance to use one. The concept is interesting because programming is usually a barrier for the average person. If they are not required to code, many more people would be able to develop digital and automated solutions to their problems. Goal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4114,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[22,31,33],"class_list":["post-4113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","tag-review","tag-tutorial","tag-utilities"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using no-code to create a website from a table - The Geeky Gecko<\/title>\n<meta name=\"description\" content=\"A guide to create a website from a table of curated data, without a single line of code. Also works as a review of Airtable and Pory.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using no-code to create a website from a table - The Geeky Gecko\" \/>\n<meta property=\"og:description\" content=\"A guide to create a website from a table of curated data, without a single line of code. Also works as a review of Airtable and Pory.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\" \/>\n<meta property=\"og:site_name\" content=\"The Geeky Gecko\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-01T07:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diogo Nunes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dialexnunes\" \/>\n<meta name=\"twitter:site\" content=\"@dialexnunes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diogo Nunes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\"},\"author\":{\"name\":\"Diogo Nunes\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c\"},\"headline\":\"Using no-code to create a website from a table\",\"datePublished\":\"2021-03-01T07:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\"},\"wordCount\":550,\"publisher\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c\"},\"image\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1\",\"keywords\":[\"review\",\"tutorial\",\"utilities\"],\"articleSection\":[\"Technology\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\",\"url\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\",\"name\":\"Using no-code to create a website from a table - The Geeky Gecko\",\"isPartOf\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1\",\"datePublished\":\"2021-03-01T07:00:00+00:00\",\"description\":\"A guide to create a website from a table of curated data, without a single line of code. Also works as a review of Airtable and Pory.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1\",\"width\":1920,\"height\":1280,\"caption\":\"building block\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.diogonunes.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using no-code to create a website from a table\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#website\",\"url\":\"https:\/\/www.diogonunes.com\/blog\/\",\"name\":\"The Geeky Gecko\",\"description\":\"The Geeky Gecko\",\"publisher\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.diogonunes.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c\",\"name\":\"Diogo Nunes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2026\/04\/Geeky-Gecko-2026-v2.png?fit=799%2C799&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2026\/04\/Geeky-Gecko-2026-v2.png?fit=799%2C799&ssl=1\",\"width\":799,\"height\":799,\"caption\":\"Diogo Nunes\"},\"logo\":{\"@id\":\"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/www.diogonunes.com\",\"https:\/\/x.com\/dialexnunes\"],\"url\":\"https:\/\/www.diogonunes.com\/blog\/author\/diogo-nunes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using no-code to create a website from a table - The Geeky Gecko","description":"A guide to create a website from a table of curated data, without a single line of code. Also works as a review of Airtable and Pory.","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:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/","og_locale":"en_US","og_type":"article","og_title":"Using no-code to create a website from a table - The Geeky Gecko","og_description":"A guide to create a website from a table of curated data, without a single line of code. Also works as a review of Airtable and Pory.","og_url":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/","og_site_name":"The Geeky Gecko","article_published_time":"2021-03-01T07:00:00+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1","type":"image\/jpeg"}],"author":"Diogo Nunes","twitter_card":"summary_large_image","twitter_creator":"@dialexnunes","twitter_site":"@dialexnunes","twitter_misc":{"Written by":"Diogo Nunes","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#article","isPartOf":{"@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/"},"author":{"name":"Diogo Nunes","@id":"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c"},"headline":"Using no-code to create a website from a table","datePublished":"2021-03-01T07:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/"},"wordCount":550,"publisher":{"@id":"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c"},"image":{"@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1","keywords":["review","tutorial","utilities"],"articleSection":["Technology"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/","url":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/","name":"Using no-code to create a website from a table - The Geeky Gecko","isPartOf":{"@id":"https:\/\/www.diogonunes.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage"},"image":{"@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1","datePublished":"2021-03-01T07:00:00+00:00","description":"A guide to create a website from a table of curated data, without a single line of code. Also works as a review of Airtable and Pory.","breadcrumb":{"@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#primaryimage","url":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1","width":1920,"height":1280,"caption":"building block"},{"@type":"BreadcrumbList","@id":"https:\/\/www.diogonunes.com\/blog\/using-no-code-to-create-website-from-table\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.diogonunes.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using no-code to create a website from a table"}]},{"@type":"WebSite","@id":"https:\/\/www.diogonunes.com\/blog\/#website","url":"https:\/\/www.diogonunes.com\/blog\/","name":"The Geeky Gecko","description":"The Geeky Gecko","publisher":{"@id":"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.diogonunes.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/a6fa79b293f22912664654fcfbd2da0c","name":"Diogo Nunes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2026\/04\/Geeky-Gecko-2026-v2.png?fit=799%2C799&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2026\/04\/Geeky-Gecko-2026-v2.png?fit=799%2C799&ssl=1","width":799,"height":799,"caption":"Diogo Nunes"},"logo":{"@id":"https:\/\/www.diogonunes.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/www.diogonunes.com","https:\/\/x.com\/dialexnunes"],"url":"https:\/\/www.diogonunes.com\/blog\/author\/diogo-nunes\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2021\/01\/iker-urteaga-TL5Vy1IM-uA-unsplash.jpg?fit=1920%2C1280&ssl=1","jetpack-related-posts":[{"id":665,"url":"https:\/\/www.diogonunes.com\/blog\/ruby-on-rails-an-overview-on-why-its-so-good\/","url_meta":{"origin":4113,"position":0},"title":"Ruby on Rails: an overview on why it&#8217;s so good","author":"Diogo Nunes","date":"5 May, 2014","format":false,"excerpt":"I was in denial for a while but now I get why Rails is so good. First things first, what is Rails anyway? Ruby on Rails is a framework that allows you to develop web applications using the MVC design pattern. Generally speaking a framework is a higher-level abstraction that\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.diogonunes.com\/blog\/category\/tech\/"},"img":{"alt_text":"www.tryruby.org","src":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2014\/05\/try-ruby-e1373488411601.jpg?fit=500%2C375&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2379,"url":"https:\/\/www.diogonunes.com\/blog\/custom-build-configurations-visualstudio\/","url_meta":{"origin":4113,"position":1},"title":"Custom build configurations on VisualStudio","author":"Diogo Nunes","date":"6 July, 2015","format":false,"excerpt":"Sometimes you might need your application to behave differently according to different clients, or different operating systems, or any other criterion. You could create global variables, initialize them on your application's startup, and scatter if statements over your code. What you should do is use the \"State\" design pattern instead,\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.diogonunes.com\/blog\/category\/tech\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/07\/conditional-build.png?fit=1103%2C418&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/07\/conditional-build.png?fit=1103%2C418&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/07\/conditional-build.png?fit=1103%2C418&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/07\/conditional-build.png?fit=1103%2C418&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/07\/conditional-build.png?fit=1103%2C418&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2702,"url":"https:\/\/www.diogonunes.com\/blog\/internet-button-tutorial-ide-atom-github\/","url_meta":{"origin":4113,"position":2},"title":"Internet Button: Web IDE, Atom, GitHub (tutorial #1)","author":"Diogo Nunes","date":"2 January, 2017","format":false,"excerpt":"First things first. Now that you can connect to your Photon, it's time to give it some intelligence - time to get coding! To manage that code let's create a git repo. GitHub The official documentation recommends that you fork their InternetButton repo. You don't have to, but it helps\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.diogonunes.com\/blog\/category\/tech\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2016\/08\/Internet-Button-Tutorial1.jpg?fit=984%2C656&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2016\/08\/Internet-Button-Tutorial1.jpg?fit=984%2C656&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2016\/08\/Internet-Button-Tutorial1.jpg?fit=984%2C656&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2016\/08\/Internet-Button-Tutorial1.jpg?fit=984%2C656&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":4059,"url":"https:\/\/www.diogonunes.com\/blog\/framework-review-robot\/","url_meta":{"origin":4113,"position":3},"title":"Framework review: Robot","author":"Diogo Nunes","date":"12 April, 2021","format":false,"excerpt":"Robot Framework is a test automation framework for acceptance testing (\u2026) it utilises the keyword-driven testing approach. Its testing capabilities can be extended by Python test libraries. \u2014 Official website Code Example of automation at GitHub. Use cases \ud83e\udd48 Automate end-to-end tests using the UI. You can also use it\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.diogonunes.com\/blog\/category\/tech\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2020\/12\/phillip-glickman-2umO15jsZKM-unsplash.jpg?fit=1200%2C799&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2020\/12\/phillip-glickman-2umO15jsZKM-unsplash.jpg?fit=1200%2C799&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2020\/12\/phillip-glickman-2umO15jsZKM-unsplash.jpg?fit=1200%2C799&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2020\/12\/phillip-glickman-2umO15jsZKM-unsplash.jpg?fit=1200%2C799&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2020\/12\/phillip-glickman-2umO15jsZKM-unsplash.jpg?fit=1200%2C799&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2307,"url":"https:\/\/www.diogonunes.com\/blog\/create-update-and-merge-branches-svn\/","url_meta":{"origin":4113,"position":4},"title":"Create, update and merge branches in SVN","author":"Diogo Nunes","date":"25 May, 2015","format":false,"excerpt":"If you don't know what branches are and why they're used for, read this first. Creation First make sure your project follows the standard SVN folder structure, i.e. the trunk, tags and branches folders. All your code, resources, dependencies, and everything else you might need to compile a version of\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.diogonunes.com\/blog\/category\/tech\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/05\/delete-old-git-branches-already-merged-into-master.jpeg?fit=1000%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/05\/delete-old-git-branches-already-merged-into-master.jpeg?fit=1000%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/05\/delete-old-git-branches-already-merged-into-master.jpeg?fit=1000%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2015\/05\/delete-old-git-branches-already-merged-into-master.jpeg?fit=1000%2C600&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":671,"url":"https:\/\/www.diogonunes.com\/blog\/rails-vs-django-vs-play-frameworks\/","url_meta":{"origin":4113,"position":5},"title":"Rails vs Django vs Play: Battle of frameworks","author":"Diogo Nunes","date":"26 May, 2014","format":false,"excerpt":"This post is a review of those three frameworks considering four criteria: Ease of learning, Speed of development, Tools\/Plugins, and Community. Right from the start I banished PHP from my possible choices. I know that \"sufficiently talented coders can write great applications in terrible languages\" (Jeff Atwood), but I just\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.diogonunes.com\/blog\/category\/tech\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2014\/09\/rails-vs-django-vs-play.jpg?fit=946%2C550&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2014\/09\/rails-vs-django-vs-play.jpg?fit=946%2C550&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2014\/09\/rails-vs-django-vs-play.jpg?fit=946%2C550&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.diogonunes.com\/blog\/wp-content\/uploads\/2014\/09\/rails-vs-django-vs-play.jpg?fit=946%2C550&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/posts\/4113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/comments?post=4113"}],"version-history":[{"count":3,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/posts\/4113\/revisions"}],"predecessor-version":[{"id":4123,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/posts\/4113\/revisions\/4123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/media\/4114"}],"wp:attachment":[{"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/media?parent=4113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/categories?post=4113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.diogonunes.com\/blog\/wp-json\/wp\/v2\/tags?post=4113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}