{"id":7637,"date":"2025-03-31T06:35:09","date_gmt":"2025-03-31T06:35:09","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=7637"},"modified":"2026-02-23T12:23:59","modified_gmt":"2026-02-23T12:23:59","slug":"hostinger-horizons-supabase","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/hostinger-horizons-supabase","title":{"rendered":"Hostinger Horizons: Connect your web app to Supabase in just a few clicks"},"content":{"rendered":"<p>Unlock the full potential of your web app by adding user logins, saving and updating data online, or offering personalized content. With our new <strong>Supabase integration<\/strong> in <a href=\"https:\/\/www.hostinger.com\/horizons\" target=\"_blank\" rel=\"noreferrer noopener\">Hostinger Horizons<\/a>, it&rsquo;s all just a few clicks away, no coding needed.<\/p><p><em>Updated February 2026: New Hostinger Horizons users can now access an integrated backend for databases, authentication, file storage, and built-in service connections. No third-party integrations or separate accounts required &ndash; everything runs in one place. <a href=\"https:\/\/www.hostinger.com\/blog\/horizons-integrated-backend\">Learn more<\/a>.<\/em><\/p><p>Here are a few examples of what you can build with Hostinger Horizons using Supabase integration:<\/p><ul class=\"wp-block-list\">\n<li><strong>Neighborhood carpooling platform<\/strong>: Shared calendar, map integration, and contact management for ride-sharing.<\/li>\n\n\n\n<li><strong>Volunteer manager<\/strong>: Track hours, manage projects, and organize teams.&nbsp;<\/li>\n\n\n\n<li><strong>Habit tracker<\/strong>: Let users log daily tasks, get reminders, and view progress.<\/li>\n\n\n\n<li><strong>Virtual diet coach<\/strong>: Deliver personalized meal plans and nutrition advice via a subscription.<\/li>\n\n\n\n<li><strong>Dating app for pet lovers<\/strong>: Match users based on pet profiles and preferences.&nbsp;<\/li>\n\n\n\n<li><strong>Event planner<\/strong>: Organize online or in-person events with guest lists and schedules.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-how-you-can-connect-supabase-to-hostinger-horizons\">How you can connect Supabase to Hostinger Horizons<\/h2><p>We prioritized this integration so you don&rsquo;t have to prompt AI or follow complex setup instructions manually.<\/p><p>Start by <a href=\"\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons\" target=\"_blank\" rel=\"noreferrer noopener\">building your web app with Hostinger Horizons<\/a>, just like you&rsquo;d normally do. When you have the basis and logic of your web app, connect Supabase to it. It only takes a few steps:<\/p><ol class=\"wp-block-list\">\n<li>Select the <strong>Supabase button<\/strong> at the top right of the Horizons dashboard and choose <strong>Add organization<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2025\/03\/horizons-supabase-button.jpg\/public\" alt=\"Supabase button in Hostinger Horizons.\" class=\"wp-image-7638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2025\/03\/horizons-supabase-button.jpg\/w=1920,fit=scale-down 1920w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2025\/03\/horizons-supabase-button.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2025\/03\/horizons-supabase-button.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2025\/03\/horizons-supabase-button.jpg\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2025\/03\/horizons-supabase-button.jpg\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Log in or create a Supabase account<\/strong>.<\/li>\n\n\n\n<li><strong>Allow access<\/strong> to Hostinger Horizons.<\/li>\n\n\n\n<li><strong>Connect your organization<\/strong>.&nbsp;<\/li>\n<\/ol><p>Once Supabase is connected, you can create databases, enable user logins, data uploads, and real-time collaboration.<\/p><h2 class=\"wp-block-heading\" id=\"h-why-supabase\">Why Supabase?<\/h2><p>Most web apps consist of two main parts:<\/p><ul class=\"wp-block-list\">\n<li><strong>Frontend<\/strong>: What users see and interact with, including buttons, pages, and forms.<\/li>\n\n\n\n<li><strong>Backend<\/strong>: The logic and storage behind the scenes, such as databases, user accounts, and real-time updates.<\/li>\n<\/ul><p>Supabase gives your project the backend capabilities:<\/p><ul class=\"wp-block-list\">\n<li>A <strong>database<\/strong> to store all your data with real-time updates.<\/li>\n\n\n\n<li><strong>User authentication<\/strong> options (email, password, phone, social logins).<\/li>\n\n\n\n<li>Database <strong>backups<\/strong>, <strong>extensions<\/strong>, and <strong>file storage<\/strong>.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-supabase-plans-at-a-glance\">Supabase plans at a glance<\/h2><p>Supabase offers a <a href=\"https:\/\/supabase.com\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">free plan<\/a> that includes <strong>two active projects<\/strong> with up to <strong>50,000 monthly active users<\/strong>, ideal for small web apps or for exploring its features.&nbsp;<\/p><p>If your web app exceeds the limits, it will enter a <strong>read-only mode<\/strong>, and some features will become unavailable. You can upgrade at any time to unlock additional storage, bandwidth, computing power, and data backups.<\/p><p>In short: if your web app doesn&rsquo;t require much storage, or if it&rsquo;s simply a passion project with a small user base, the free plan should be enough. As your app grows in size or activity, you may need to consider upgrading.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unlock the full potential of your web app by adding user logins, saving and updating data online, or offering personalized content. With our new Supabase integration in Hostinger \u2026<\/p>\n","protected":false},"author":405,"featured_media":7639,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2391],"tags":[],"hashtags":[],"class_list":["post-7637","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/7637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/users\/405"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/comments?post=7637"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/7637\/revisions"}],"predecessor-version":[{"id":8637,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/7637\/revisions\/8637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/7639"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=7637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=7637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=7637"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=7637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}