-We're extremely grateful to the following individuals and businesses that help
+We’re extremely grateful to the following individuals and businesses that help
to fund ongoing development on the Graphile suite through sponsorship. **THANK
YOU!**
@@ -143,7 +143,7 @@ YOU!**
@@ -203,7 +203,7 @@ advancement without adding additional time burdens.
-### Why "crowd-funded open-source project"?
+### Why “crowd-funded open-source project”?
Many of our projects are open-source to give users great freedom in how they use
the software, and to enable the community to have influence over how the
@@ -211,9 +211,9 @@ projects progress to make it appropriate for a wide range of use-cases. To
ensure users can rely on these projects for years to come, they need to be well
directed and financially sustainable.
-**The absolute best way to support Graphile is to become a sponsor.**
-Crowd-sourced funding enables us to spend the most time directly working on
-improving the software, which you and other users then benefit from.
+**The best way to ensure that Graphile software is something you can depend on for years
+to come is through monthly sponsorship.** Crowd-sourced funding enables us to spend the
+most time directly working on improving the software, which you and other users then benefit from.
-
+
+
+### Sponsor tiers and benefits
+
+
+
+
+
+
+
+
+
+
+
+
### How is sponsorship money spent?
Sponsorship money is used to fund software development, testing, documentation
@@ -232,10 +246,10 @@ and releases of PostGraphile and the Graphile suite. A small amount is also used
to send rewards such as stickers and learning materials to our backers.
-
-
+
+
-### Is sponsorship required to use Graphile's OSS?
+### Is sponsorship required to use Graphile’s OSS?
Users are not legally required to give back to the Graphile project, but it is
in their interest to do so.
@@ -247,8 +261,8 @@ savings back, enabling the projects to advance more rapidly, and result in even
greater savings for your organization.
-
-
+
+
### How can I sponsor?
From 513857c0a179e95642fd37f79abbf03bbb4242f5 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 24 Jul 2025 17:39:51 +0100
Subject: [PATCH 3/4] initial tiers added
---
src/components/MarketingTier.js | 56 ++++++++++++++++++++
src/pages/sponsor.mdx | 93 ++++++++++++++++++++++++++++++---
2 files changed, 142 insertions(+), 7 deletions(-)
create mode 100644 src/components/MarketingTier.js
diff --git a/src/components/MarketingTier.js b/src/components/MarketingTier.js
new file mode 100644
index 000000000..bedfdaaf5
--- /dev/null
+++ b/src/components/MarketingTier.js
@@ -0,0 +1,56 @@
+import React from "react";
+
+export default function MarketingTiers({ children }) {
+ return (
+
+ {children}
+
+ );
+}
+
+export class Tier extends React.Component {
+ render() {
+ const { name, price, tagline, href, description } = this.props;
+
+ return (
+
+
{name}
+
+ {price}{" "}
+ /month
+
+
+
{tagline}
+
+ {description}
+
+
+ );
+ }
+}
diff --git a/src/pages/sponsor.mdx b/src/pages/sponsor.mdx
index 9880edb48..99fa1a758 100644
--- a/src/pages/sponsor.mdx
+++ b/src/pages/sponsor.mdx
@@ -16,6 +16,7 @@ import MarketingProduct from "$components/MarketingProduct";
import postgresPostgraphileGraphql from "$images/postgres_postgraphile_graphql.png";
import Testimonial from "$components/MarketingTestimonial";
import Sponsors, { Sponsor } from "$components/MarketingSponsor";
+import Tiers, { Tier } from "$components/MarketingTier";
@@ -215,20 +216,98 @@ directed and financially sustainable.
to come is through monthly sponsorship.** Crowd-sourced funding enables us to spend the
most time directly working on improving the software, which you and other users then benefit from.
-
-
-
### Sponsor tiers and benefits
+As well as ensuring the sustainability and longevity of PostGraphile and the wider Graphile
+suite of developer tooling, sponsorship also gives you or your company some additional benefits
+such as access to security announcements and being featured in the README files of Graphile’s
+main open source projects. Choose the tier which matches your funding goal, higher tiers come
+with more benefits.
+
+
+
+
+
+
+ Your name on the Graphile Sponsors page
+ Graphile stickers
+ Your name among those randomly featured in the PostGraphile CLI
+ Post job opportunities to our Discord community
+ Access to the #supporter-lounge on Discord
+ The warm feeling from knowing you’re supporting Open Source Software
+ }
+ />
+
+ The Supporter tier benefits and...
+
+ Access to private security announcements
+
+
+ Free access to PostGraphile V4 Pro and Worker Pro
+
+ Access to graphile-pro
+
+ Your name and avatar/logo featured on our websites
+
+
+ Your name more frequently featured in the
+ PostGraphile CLI
+
+
+ The warm feeling that comes from knowing you’re making a difference
+ to the sustainability of the Graphile suite of tooling
+
+ }
+ />
+
+ The Production tier benefits and...
+
+ Your name and avatar/logo
+ featured in the READMEs of Graphile’s main OSS projects (shown on GitHub and npm)
+
+
+ Your name and avatar/logo prominently featured on our websites
+
+
+ Your name even more frequently featured in the PostGraphile CLI
+
+
+ Access to #vip-lounge on Discord
+
+
+ Free access to
+ pgRITA
+
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to the development and sustainability of
+ PostGraphile, Grafast, and the wider suite of Graphile developer tooling
+
+ }
+ />
+
From d5b77d7e540963ab1d4cb563f7da34547a746e8a Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 25 Jul 2025 12:55:28 +0100
Subject: [PATCH 4/4] change a color
---
src/components/Layout/index.scss | 13 +++++++++++++
src/components/MarketingTier.js | 8 +++++---
2 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/src/components/Layout/index.scss b/src/components/Layout/index.scss
index 30c956add..0f61e9d77 100644
--- a/src/components/Layout/index.scss
+++ b/src/components/Layout/index.scss
@@ -1119,3 +1119,16 @@ svg.MarketingDivide {
.text-center2 {
text-align: center;
}
+
+// ----------------------------------------
+// Sponsor Page
+
+.tier-row {
+}
+
+.tier {
+}
+
+.tier a {
+ color: #4a68b4;
+}
diff --git a/src/components/MarketingTier.js b/src/components/MarketingTier.js
index bedfdaaf5..5bfe6ba1a 100644
--- a/src/components/MarketingTier.js
+++ b/src/components/MarketingTier.js
@@ -3,6 +3,7 @@ import React from "react";
export default function MarketingTiers({ children }) {
return (