{"id":364,"date":"2025-03-26T15:28:41","date_gmt":"2025-03-26T15:28:41","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2025\/03\/26\/10945694-hostinger-horizons-supabase-integration\/"},"modified":"2026-02-24T14:09:14","modified_gmt":"2026-02-24T14:09:14","slug":"10945694-hostinger-horizons-supabase-integration","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/10945694-hostinger-horizons-supabase-integration\/","title":{"rendered":"Hostinger Horizons: Supabase Integration"},"content":{"rendered":"<div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><strong>S<\/strong><strong>upabase is no longer recommended for new Hostinger Horizons projects. If you&rsquo;re already using Supabase, your setup will continue to function as usual.<\/strong><\/div><p class=\"no-margin\">Supabase is a simple and powerful tool that makes it easy for you to manage your app&rsquo;s backend. With just a click of a button, you can integrate Supabase into your app using our tool.<\/p><p class=\"no-margin\">This integration stores data, helps handling user logins and managing files. It&rsquo;s a hassle-free way to get started with backend management.<\/p><h2 id=\"h_5c155df7df\">How to integrate Supabase to your Horizons web application<\/h2><p class=\"no-margin\">For a quick video guide, check here:<\/p><div class=\"intercom-h2b-video\">\n<p><iframe loading=\"lazy\" title=\"Hostinger Horizons: Supabase Integration\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/HzgzUrqaj1o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<\/div><p class=\"no-margin\">Keep reading for the detailed step-by-step.<\/p><p class=\"no-margin\">1. Click on the <strong>Integrations<\/strong> button that you see in the top right corner inside Horizons app:<\/p><div class=\"intercom-container intercom-align-center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7366\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/supabase-1.png\" alt=\"\" width=\"568\" height=\"247\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/supabase-1.png 568w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/supabase-1-300x130.png 300w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/div><p class=\"no-margin\">2. You will then see a <strong>Supabase<\/strong>&nbsp; which you need to click in order to select the Connect option. Click on it as below:<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7367\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/supabase-2.png\" alt=\"\" width=\"590\" height=\"567\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/supabase-2.png 590w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/supabase-2-300x288.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p><div class=\"intercom-container intercom-align-center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7368\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/Supabase-3.png\" alt=\"\" width=\"701\" height=\"612\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/Supabase-3.png 701w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/01\/Supabase-3-300x262.png 300w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><\/div><p class=\"no-margin\">3. You will be presented with different options to connect to your Supabase account:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/03\/ae7f9400-0083-44c0-9492-89647d1c4a6a.jpg\" width=\"400\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\"><b>Note<\/b>: If you do not have a Supabase account already created, you need to create it <a class=\"intercom-content-link\" href=\"https:\/\/supabase.com\/dashboard\/sign-up\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n<\/div><p class=\"no-margin\">4. After that, you need to select &ldquo;Add organization&rdquo; and authorize Hostinger Horizons to access your Supabase account. Once this is done, refresh the Horizons page and click the Supabase icon again.<\/p><p class=\"no-margin\">5. Select the organization you just authenticated and create a new Supabase project, as below:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/03\/98903a65-aa9a-4b57-bdee-9079d7f4abc7.jpg\" width=\"450\"><\/div><p class=\"no-margin\">6. After that, refresh Horizons page again and click on Supabase icon. You will see now the option to connect to the project you created. Click on it:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/03\/86fa9b9a-0caf-4581-b91c-b6848807226e.jpg\" width=\"450\"><\/div><p class=\"no-margin\">A new window will appear, confirm if the project is correct and click to connect:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/03\/efab64ae-d377-4fee-9c03-5ec82376fffb.jpg\" width=\"450\"><\/div><p class=\"no-margin\">After that, wait a little for the AI to update your web app and you have now connected your project successfully! &#128640;<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/03\/ec1edabb-74aa-49df-ae08-6ecae8c89631.jpg\" width=\"400\"><\/div><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn more how to make a database connection using your web application under Hostinger Horizons<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-364","post","type-post","status-publish","format-standard","hentry","category-hostinger-horizons"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/10945694-hostinger-horizons-supabase-integration\/","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/364\/revisions"}],"predecessor-version":[{"id":7365,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/364\/revisions\/7365"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}